DataTables with Rapidweaver

Hi

i am trying to use DataTables with RapidWeaver.
DataTables provides Options to Sort and Filter Tables. I found no RapidWeaver Plugin that does that.

DataTables requires a JavaScript and a HTML part.
However, when i paste the code in the Javascript and/or Head section in the Page Inspector, it does not work.

Only when i paste both JavaScript and HTML in the ‘Body’ Section of the Page Inspector, My Table appears. But instead of beeing in the white boy, it is displayed below all other content.

Example Javscript code(works in a single HTML file without RapidWeaver):

<!doctype html>
<html>
<body>
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready( function () {
$('#example').DataTable();
} );
</script>
  <table id="example" class="display" cellspacing="0" width="100%">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>Row 1 Data 2</td>
    </tr>
    <tr>
        <td>Row 2 Data 1</td>
        <td>Row 2 Data 2</td>
    </tr>
</tbody>
  </table>
  </body>
</html>

Please help me to get DataTables running in the content box.

AFAIK Grid Iron, Power Grid CSV and CSV stacks are sortable, searchable and scrollable

Hi,

GridIron uses Datatables. It might make your life a little easier and give you more flexibility and control :slight_smile:

Greg

2 Likes

The Kuler SQL stacks should do what you need depending on how you build out your database. I’ve used them for years. They work great.

1 Like