JSFiddle - React, Tailwind, and code Playground

by pricejt

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css">
<script src="//cdn.datatables.net/tabletools/2.2.3/js/dataTables.tableTools.min.js"></script>
 <table id='SensorData'><thead><tr><th>DataId</th><th>Response Time</th><th>Create Date</th></tr></thead><tbody><tr><td>1</td><td>00:00</td><td>1/13/2015 11:33:00 PM</td></tr><tr><td>2</td><td>00:00</td><td>1/13/2015 11:34:00 PM</td></tr><tr><td>3</td><td>00:02</td><td>1/13/2015 11:35:00 PM</td></tr><tr><td>4</td><td>00:04</td><td>1/13/2015 11:35:47 PM</td></tr><tr><td>5</td><td>01:03</td><td>1/14/2015 1:51:14 AM</td></tr><tr><td>6</td><td>00:02</td><td>1/15/2015 11:21:56 AM</td></tr><tr><td>7</td><td>00:02</td><td>1/15/2015 11:22:44 AM</td></tr><tr><td>8</td><td>00:02</td><td>1/15/2015 11:23:07 AM</td></tr><tr><td>9</td><td>00:03</td><td>1/15/2015 5:28:23 PM</td></tr><tr><td>10</td><td>00:03</td><td>1/15/2015 5:29:12 PM</td></tr><tr><td>11</td><td>00:04</td><td>1/15/2015 5:29:32 PM</td></tr><tr><td>12</td><td>00:02</td><td>1/15/2015 5:33:41 PM</td></tr><tr><td>13</td><td>00:02</td><td>1/15/2015 5:35:34 PM</td></tr><tr><td>14</td><td>00:02</td><td>1/15/2015 5:40:59 PM</td></tr><tr><td>15</td><td>00:03</td><td>1/15/2015 5:44:43 PM</td></tr><tr><td>16</td><td>00:02</td><td>1/17/2015 11:22:25 AM</td></tr><tr><td>17</td><td>00:05</td><td>1/17/2015 11:23:56 AM</td></tr><tr><td>18</td><td>00:04</td><td>1/19/2015 10:42:03 AM</td></tr><tr><td>19</td><td>00:03</td><td>1/19/2015 10:42:56 AM</td></tr><tr><td>20</td><td>00:07</td><td>1/19/2015 10:46:53 AM</td></tr><tr><td>21</td><td>00:03</td><td>1/19/2015 10:47:27 AM</td></tr><tr><td>22</td><td>00:01</td><td>1/19/2015 10:49:51 AM</td></tr><tr><td>23</td><td>00:02</td><td>1/19/2015 12:37:46 PM</td></tr><tr><td>24</td><td>00:01</td><td>1/19/2015 12:38:34...

JavaScript

var oTable = $('#SensorData').DataTable(
            {
                dom: 'T<"clear">lfrtip',
                "bServerSide": false,
                "order": [[2, "desc"]],
                tableTools: {
                    "sSwfPath": "assets/swf/copy_csv_xls_pdf.swf",
                    "aButtons": [
                        {
                            "sExtends": "copy",
                            "mColumns": [1, 2],
                            "oSelectorOpts": { filter: "applied", order: "current" }
                        },
                        {
                            'sExtends': 'xls',
                            "mColumns": [1, 2],
                            "oSelectorOpts": { filter: 'applied', order: 'current' }
                        },
                        {
                            'sExtends': 'print',
                            "mColumns": [1, 2],
                            "oSelectorOpts": { filter: 'applied', order: 'current' }
                        },
                        {
                            'sExtends': 'pdf',
                            "mColumns": [1, 2],
                            "oSelectorOpts": { filter: 'applied', order: 'current' }
                        },
                        {
                            'sExtends': 'csv',
                            "mColumns": [1, 2],
                            "oSelectorOpts": { filter: 'applied', order: 'current' }
                        }
                    ]
                },
                "columnDefs": [
                    {
                        "targets": [0],
                        "visible": false,
                        "searchable": false
                    }
                ]
            });