问题与响应表

Question

在让你知道这个问题之前，我想提出2个不同的表。在这里，我有一个运动员responsive table：http://plnkr.co/edit/WjSQj883tdX92jJoDLaR?p=preview，这里是一个non-responsive table：http://jsfiddle.net/4r6g4cfu/90/但有各种选项作为出口，过滤器和分页。任何人都可以提供具有出口，过滤器和分页选项的响应表的代码。这意味着我需要一个带有小提琴示例选项的plunker表。提前致谢！！

Answer 1

js fiddle

做你的表导出选项

<div id="toolbar"> 
      <select class="form-control"> 
       <option value="">Export Basic</option> 
       <option value="all">Export All</option> 
       <option value="selected">Export Selected</option> 
      </select> 
     </div> 
<table 
id="table" 
data-toggle="table" 
     data-pagination="true" 
     data-side-pagination="server" 
     data-page-list="[5, 10, 20, 50, 100, 200]" 
     data-search="true" 
     data-height="300" 
data-response-handler="responseHandler" 
data-show-export="true" 
       data-click-to-select="true" 
       data-toolbar="#toolbar"> 

     <thead> 
     <tr> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Job Title</th> 
      <th>Favorite Color</th> 
      <th>Wars or Trek?</th> 
      <th>Porn Name</th> 
      <th>Date of Birth</th> 
      <th>Dream Vacation City</th> 
      <th>GPA</th> 
      <th>Arbitrary Data</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td>James</td> 
      <td>Matman</td> 
      <td>Chief Sandwich Eater</td> 
      <td>Lettuce Green</td> 
      <td>Trek</td> 
      <td>Digby Green</td> 
      <td>January 13, 1979</td> 
      <td>Gotham City</td> 
      <td>3.1</td> 
      <td>RBX-12</td> 
     </tr> 
     <tr> 
      <td>The</td> 
      <td>Tick</td> 
      <td>Crimefighter Sorta</td> 
      <td>Blue</td> 
      <td>Wars</td> 
      <td>John Smith</td> 
      <td>July 19, 1968</td> 
      <td>Athens</td> 
      <td>N/A</td> 
      <td>Edlund, Ben (July 1996).</td> 
     </tr> 
     <tr> 
      <td>Jokey</td> 
      <td>Smurf</td> 
      <td>Giving Exploding Presents</td> 
      <td>Smurflow</td> 
      <td>Smurf</td> 
      <td>Smurflane Smurfmutt</td> 
      <td>Smurfuary Smurfteenth, 1945</td> 
      <td>New Smurf City</td> 
      <td>4.Smurf</td> 
      <td>One</td> 
     </tr> 
     <tr> 
      <td>Cindy</td> 
      <td>Beyler</td> 
      <td>Sales Representative</td> 
      <td>Red</td> 
      <td>Wars</td> 
      <td>Lori Quivey</td> 
      <td>July 5, 1956</td> 
      <td>Paris</td> 
      <td>3.4</td> 
      <td>3451</td> 
     </tr> 
     <tr> 
      <td>Captain</td> 
      <td>Cool</td> 
      <td>Tree Crusher</td> 
      <td>Blue</td> 
      <td>Wars</td> 
      <td>Steve 42nd</td> 
      <td>December 13, 1982</td> 
      <td>Las Vegas</td> 
      <td>1.9</td> 
      <td>Under the couch</td> 
     </tr> 
     </tbody> 
    </table> 
</table>