dataTable with scroll

by Prasanth AR

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
<table id="TeacherDailyReportDateByDate" ></table>

CSS

th, td { white-space: nowrap; }
    div.dataTables_wrapper {
          overflow-x: scroll;
    }

JavaScript

var dataTableData='<thead><tr><th></th><th>From Date:02/03/2015   To Date:09/04/2015</th><th colspan="44">No of Diary Reports Sent</th ></tr><tr><th>Sl No</th><th>Teacher</th><th>02</th><th>03</th><th>04</th><th>05</th><th>06</th><th>07</th><th>08</th><th>09</th><th>10</th><th>11</th><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th><th>18</th><th>19</th><th>20</th><th>21</th><th>22</th><th>23</th><th>24</th><th>25</th><th>26</th><th>27</th><th>28</th><th>29</th><th>30</th><th>31</th><th>01</th><th>02</th><th>Total</th></tr></thead><tbody><tr><td>1</td><td>ASWATHY M NAIR</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td>0</td></tr><tr><td>2</td><td>jamsheer</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td style="color:#F78181">0</td><td...