html - I can't set the width of the columns of my table -
in order set width of columns, try solution posted here : setting table column width
like :
<table> <colgroup> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> </colgroup> <tr> <th></th> <th>0h-1h</th> <th>1h-2h</th> <th>2h-3h</th> <th>3h-4h</th> <th>4h-5h</th> <th>5h-6h</th> <th>6h-7h</th> <th>7h-8h</th> <th>8h-9h</th> <th>9h-10h</th> <th>10h-11h</th> <th>11h-12h</th> <th>12h-13h</th> <th>13h-14h</th> <th>14h-15h</th> <th>15h-16h</th> <th>16h-17h</th> <th>17h-18h</th> <th>18h-19h</th> <th>19h-20h</th> <th>20h-21h</th> <th>21h-22h</th> <th>22h-23h</th> <th>23h-0h</th> <tr> <tr> <th>lundi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>mardi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>mercredi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>jeudi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>vendredi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>samedi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>dimanche</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> </table>why doesn't work ?
i want 25 equals columns (in width), parameters seems have no effects....
on site, can't scroll in order access columns (grid in material design), , want table in screen.
add width:100% inputs solves problem. see link below:
input{ width:100%; }<table> <colgroup> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> <col span="1" style="width: 4%;"> </colgroup> <tr> <th></th> <th>0h-1h</th> <th>1h-2h</th> <th>2h-3h</th> <th>3h-4h</th> <th>4h-5h</th> <th>5h-6h</th> <th>6h-7h</th> <th>7h-8h</th> <th>8h-9h</th> <th>9h-10h</th> <th>10h-11h</th> <th>11h-12h</th> <th>12h-13h</th> <th>13h-14h</th> <th>14h-15h</th> <th>15h-16h</th> <th>16h-17h</th> <th>17h-18h</th> <th>18h-19h</th> <th>19h-20h</th> <th>20h-21h</th> <th>21h-22h</th> <th>22h-23h</th> <th>23h-0h</th> <tr> <th>lundi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>mardi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>mercredi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>jeudi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>vendredi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>samedi</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> <tr> <th>dimanche</th> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> <td><input type="number" min="1" step="1"></td> </tr> </table>
Comments
Post a Comment