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.