Блог

Я хочу установить ширину каждого столбца на основе процента. Я написал следующий CSS, но он не применяется к таблице столбцов моего кода:

 <table class="footable table Grid table table-striped table-bordered smart-form dataTable default breakpoint footable-loaded">
    <thead>
        <tr>
             <th class="tenpercent footable-first-column" style="direction:rtl; text-align:right;" data-hide="">select<div><input id="SelectAllRows" class="selectallrows" type="checkbox"></div> </th>
             
             ...
        </tr>
    </thead>
    <tbody>
            <tr>
                <td class="tenpercent footable-first-column"><span class="footable-toggle"></span> 
                    <input class="select" id="36174" name="36174" type="checkbox" value="true"><input name="36174" type="hidden" value="false">
                </td>
                ...
             </tr> 
    </tbody>

</table>


<style>
th.tenpercent, td.tenpercent {
    min-width: 5%;
    max-width: 5%;
    width: 5%;
}
</style>
 

Почему?

Вы можете использовать атрибут style в td, чтобы задать ширину% столбца.

 <tbody>
            <tr>
                <td class="tenpercent footable-first-column" style='width: 5%'><span class="footable-toggle"></span> 
                    <input class="select" id="36174" name="36174" type="checkbox" value="true"><input name="36174" type="hidden" value="false">
                </td>
                ...
             </tr> 
    </tbody>