JQuery DataTable safari bug

Set the altRows property of the jqxDataTable. Author: http://jqwidgets.com

by kaeldric

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<table id="table" border="1">
    <thead>
        <tr>
            <th align="left">Product</th>
            <th align="http://jsfiddle.net/kaeldric/h3erbbr4/2/#updateright">Price</th>
            <th align="right">Purchase date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Espresso Truffle</td>
            <td>$1.75</td>
            <td>2006-09-14</td>
        </tr>
        <tr>
            <td>Cappuccino</td>
            <td>$5.00</td>
            <td>2026-09-11</td>
        </tr>
        <tr>
            <td>Caffe Americano</td>
            <td>$2.50</td>
            <td>2006-09-13</td>
    </tbody>
</table>

JavaScript

$("#table").jqxDataTable({
      altrows: true,
      sortable: true,
      theme: 'energyblue',
      columns: [{
          text: 'Product',
          dataField: 'Product',
          width: 180
      }, {
          text: 'Unit Price',
          dataField: 'Price',
          width: 90,
          align: 'right',
          cellsAlign: 'right',
          cellsFormat: 'c2'
      }, {
          text: 'Purchase date',
          dataField: 'Purchase date',
          width: 150,
          align: 'right',
          cellsAlign: 'right',
          cellsFormat: 'd'
      }]
  });