JQuery DataTable с фиксированной шириной столбца

Я динамически создаю таблицу HTML. Количество строк и столбцов не фиксировано. Я использую таблицу данных JQuery для расширения моей html-таблицы. Проблема заключается в ширине столбцов, она всегда принимает автоматическую ширину (я думаю, ширина sScrollX делится на количество столбцов). Как я могу установить ширину моих столбцов? CSS не влияет на ширину столбца.

Как видно на изображении ниже, столбцы шире, чем ожидалось.

введите здесь описание изображения


datatable jquery fixed-width dynamic-columns
person V.B    schedule 20.02.2014    source источник
comment
У колонов есть класс?   -  person Chill Web Designs    schedule 20.02.2014
comment
Я вижу, что столбцы уходят со страницы, у вас есть ширина 100% в таблице, а текущий td имеет фиксированную ширину?   -  person Chill Web Designs    schedule 20.02.2014
comment
Попробуйте это jsfiddle.net/HKW43   -  person Chill Web Designs    schedule 20.02.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы могли бы сделать что-то вроде этого

HTML

<table>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>   
</table>

jQuery:

$(function(){
    winW = $(window).width();       
    firstRow = $('table tr:eq(0) td').length;
    $('table tr td').css({width:winW/firstRow+'px'});
});

Пример => http://jsfiddle.net/HKW43/

Для обновления ширины при изменении размера окна см. => http://jsfiddle.net/HKW43/2/

person Chill Web Designs    schedule 20.02.2014
comment
Вы уверены в росте?? - person V.B; 20.02.2014
comment
Пожалуйста, смотрите прикрепленное изображение. Надеюсь, это поможет - person V.B; 20.02.2014