사용 방법 데이터를 토글 링하기위한 푸트 가능 행 토글 러

Question

얘들 아 정말 고맙습니다. 제발 도와주세요. 데이터를 토글 링하기 위해 footable을 사용하고 있습니다. 그러나 나는 왜 이것이 작동하지 않는지 잘 모릅니다. 그들의 문서에서 주어진대로 코드를 시도했지만 여전히 아무것도 작동하지 않습니다. 도와주세요. 여기 내가

여기

<table class="table" data-toggle-column="last"> 
    <thead> 
     <tr> 
      <th data-breakpoints="xs">ID</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th data-breakpoints="xs">Job Title</th> 
      <th data-breakpoints="xs sm">Started On</th> 
      <th data-breakpoints="all" data-title="DOB">Date of Birth</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr data-expanded="true"> 
      <td>1</td> 
      <td>Dennise</td> 
      <td>Fuhrman</td> 
      <td>High School History Teacher</td> 
      <td>November 8th 2011</td> 
      <td>July 25th 1960</td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td>Elodia</td> 
      <td>Weisz</td> 
      <td>Wallpaperer Helper</td> 
      <td>October 15th 2010</td> 
      <td>March 30th 1982</td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td>Raeann</td> 
      <td>Haner</td> 
      <td>Internal Medicine Nurse Practitioner</td> 
      <td>November 28th 2013</td> 
      <td>February 26th 1966</td> 
     </tr> 
     <tr> 
      <td>4</td> 
      <td>Junie</td> 
      <td>Landa</td> 
      <td>Offbearer</td> 
      <td>October 31st 2010</td> 
      <td>March 29th 1966</td> 
     </tr> 
     <tr> 
      <td>5</td> 
      <td>Solomon</td> 
      <td>Bittinger</td> 
      <td>Roller Skater</td> 
      <td>December 29th 2011</td> 
      <td>September 22nd 1964</td> 
     </tr> 
     <tr> 
      <td>6</td> 
      <td>Bar</td> 
      <td>Lewis</td> 
      <td>Clown</td> 
      <td>November 12th 2012</td> 
      <td>August 4th 1991</td> 
     </tr> 
     <tr> 
      <td>7</td> 
      <td>Usha</td> 
      <td>Leak</td> 
      <td>Ships Electronic Warfare Officer</td> 
      <td>August 14th 2012</td> 
      <td>November 20th 1979</td> 
     </tr> 
     <tr> 
      <td>8</td> 
      <td>Lorriane</td> 
      <td>Cooke</td> 
      <td>Technical Services Librarian</td> 
      <td>September 21st 2010</td> 
      <td>April 7th 1969</td> 
     </tr> 
    </tbody> 
</table> 

이는 스크립트입니다 지금 - 나는 무엇을 여기

jQuery(function($){ 
    $('.table').footable(); 
}); 

나는 일 아민은

<link href="css/style.css" rel="stylesheet"> 
    <link href="css/theme.css" rel="stylesheet"> 
<link href="css/bootstrap-theme.min.css" rel="stylesheet"> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/jquery-ui.min.css" rel="stylesheet"> 
<link rel="stylesheet" href="css/jquery-ui.min.css"> 
<link rel="stylesheet" href="css/datepicker.css"> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/footable.core.css"> 
<link rel="stylesheet" href="css/footable.standalone.css"> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/footable.js"></script> 

내가 필요하면 알려줘 플러그인 목록입니다입니다 위의 다른 플러그인을 추가하십시오. 미리 감사드립니다.

Answer 1

나는 내 자신의 질문에 대답해서는 안되지만 어쨌든 나는 지금 해결책을 얻었습니다. 그래서 누군가가 미래에 그것을 필요로 할 때를 대비하여 여기에 바로있을 수 있습니다. 이 경우에 두 개의 플러그인을 추가하기 만하면됩니다. 모든 사항이 올바른지 확인하십시오.

<link rel="stylesheet" href="css/footable-demos.css"> 
<script type="text/javascript" src="js/demos.js"></script> 

이들은 footable에있는 demos 폴더 내에 있습니다. 어쨌든 고마워.이게 도움이되는지 알려주세요. 그게 도움이되었습니다.