# DataTables with Rapidweaver

**URL:** <https://forums.realmacsoftware.com/t/datatables-with-rapidweaver/13848>\
**Category:** RapidWeaver Classic\
**Created:** [May 1, 2017, 12:45am UTC](https://forums.realmacsoftware.com/t/datatables-with-rapidweaver/13848 "2017-05-01T00:45:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![thereisnocloud](https://avatars.discourse-cdn.com/v4/letter/t/58956e/32.png) [@thereisnocloud](https://forums.realmacsoftware.com/u/thereisnocloud)\
**Post date:** [May 1, 2017, 12:45am UTC](https://forums.realmacsoftware.com/t/datatables-with-rapidweaver/13848/1 "2017-05-01T00:45:51Z")

</div>

Hi

i am trying to use [DataTables](https://datatables.net/) 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.

---

<div class="post-metadata">

**Author:** ![peppermint](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/peppermint/32/218_2.png) [@peppermint](https://forums.realmacsoftware.com/u/peppermint)\
**Post date:** [May 1, 2017, 4:02am UTC](https://forums.realmacsoftware.com/t/datatables-with-rapidweaver/13848/2 "2017-05-01T04:02:26Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![barchard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barchard/32/2292_2.png) [@barchard](https://forums.realmacsoftware.com/u/barchard)\
**Post date:** [May 1, 2017, 1:12pm UTC](https://forums.realmacsoftware.com/t/datatables-with-rapidweaver/13848/3 "2017-05-01T13:12:31Z")

</div>

Hi,

[GridIron](https://www.chillidogsoftware.com/chillidog-software-rapidweaver-stacks/grid-iron/) uses Datatables. It might make your life a little easier and give you more flexibility and control 🙂

Greg

---

<div class="post-metadata">

**Author:** ![keithnteri](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/keithnteri/32/263_2.png) [@keithnteri](https://forums.realmacsoftware.com/u/keithnteri)\
**Post date:** [May 2, 2017, 5:29pm UTC](https://forums.realmacsoftware.com/t/datatables-with-rapidweaver/13848/4 "2017-05-02T17:29:14Z")

</div>

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.

> **[Kuler SQL RapidWeaver Stack by Kuler Solutions — RapidWeaver Community](https://www.rapidweavercommunity.com/addons/stacks/kuler-sql)**
>
> Display your MySQL database content in your RapidWeaver built site with ease!
> Wether you want to display your content in div containers or in a respon...