How do you set the size of a column in a Bootstrap responsive table? I don’t want the table to loose its responsive features. I need it to work in IE8 as well. I have included HTML5 and Respond.
Bootstrap responsive table
| Moisture Content | 13% Max |
|---|---|
| Average Grain Length | 7.00 mm |
| Polishing Grade | Double/Silky Polished |
| Broken Grains | 2% Max |
| Chalky Grains | 3% Max |
| Foreign Grains | 0.2% Max |
| Foreign Matter | 0.1% Max |
| Paddy Grain | 0.2 % Max |
| Under-Milled & Red-Striped | 2% Max |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<div class="webanswers-webanswers_table__webanswers-table"> <table style="height: 427px;" width="100%"> <tbody> <tr class="ztXv9"> <th style="text-align: left;">Moisture Content</th> <th style="text-align: left;">13% Max</th> </tr> <tr> <td>Average Grain Length</td> <td>7.00 mm</td> </tr> <tr> <td>Polishing Grade</td> <td>Double/Silky Polished</td> </tr> <tr> <td>Broken Grains</td> <td>2% Max</td> </tr> <tr> <td>Chalky Grains</td> <td>3% Max</td> </tr> <tr> <td>Foreign Grains</td> <td>0.2% Max</td> </tr> <tr> <td>Foreign Matter</td> <td>0.1% Max</td> </tr> <tr> <td>Paddy Grain</td> <td>0.2 % Max</td> </tr> <tr> <td>Under-Milled & Red-Striped</td> <td>2% Max</td> </tr> </tbody> </table> </div> |
