JSFiddle - React, Tailwind, and code Playground

by Danielo Rodriguez

HTML

<script src="https://googledrive.com/host/0B-USg0ow4LCZY3FFNlYxNU9ZdTQ/jquery.filtertable.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
    <a class="button">button</a>
    
  <div id="tabs-1">
            <table>
		<thead>
			<tr>
				<th scope="col" title="President Number">#</th>
				<th scope="col">President</th>
				<th scope="col">Terms</th>
				<th scope="col">Tenure</th>
			</tr>
		</thead>
		<tbody>
			<tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
			<tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
			<tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
			<tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
			<tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
			<tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
			<tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
			<tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
			<tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
			<tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
			<tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
			<tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
			<tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
			<tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
			<tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
			<tr><td>16</td><td>Abraham...

JavaScript

$('table').filterTable();
$( "#tabs" ).tabs();


$(function() {
    $( ".button" )
      .button()
      .click(function( event ) {
        $('#tabs-3')
        .append('<table><thead><tr><td>head</td><td>HEAD</td><td>HEAD</td><td>HEAD</td><td>HEAD</td><td>HEAD</td></tr></thead><tr><td>Test</td><td>Test</td><td>Test</td><td>Test</td><td>Test</td><td>Test</td></tr><tr><td>Test</td><td>Test</td><td>Test</td><td>Test</td><td>Test</td><td>Test</td></tr></table>');
        $('table').filterTable();
        $( "#tabs" ).tabs();    
      });
  });