Ширина столбца datatables.net в % и px

я использую datatables.net и мне нужно иметь некоторые столбцы с фиксированной шириной и другие, чтобы разделить оставшееся пространство в%

это мой код

{ "sName": "ragsoc_denom", "sWidth": "100%"},
{ "sName": "piva", "sWidth": "80px"},
{ "sName": "telefono", "sWidth": "100px"},
{ "sName": "indirizzo", "sWidth": "100px"},
{ "sName": "cap", "sWidth": "50px"},
{ "sName": "citta", "sWidth": "50px"},
{ "sName": "id", "sWidth": "70px"}

но это не работает, таблицы процентов занимают все доступное пространство, а таблицы с фиксированной шириной растягиваются до минимума


javascript css datatables
person max4ever    schedule 04.10.2011    source источник
comment
Не могли бы вы опубликовать любой код, который оборачивает вашу таблицу, любые теги div и т.д.   -  person Anagio    schedule 20.10.2011
comment
Вы можете попробовать добавить sClass: someclass к фиксированным столбцам, затем в своей таблице стилей установить класс !important и установить их ширину из таблицы стилей вместо использования sWidth.   -  person Anagio    schedule 20.10.2011

Ответы (3)


arrow_upward
2
arrow_downward

Если вас не волнует, как распределяется оставшийся %, вы можете оставить это на усмотрение таблиц данных, установив для оставшихся sWidths значение null.

Если вам не все равно, как разделить оставшиеся %, вы можете сделать это динамически во время выполнения, взяв общее статическое количество пикселей (в этом примере 450 пикселей), вычесть его из текущей ширины таблицы, а затем использовать это в качестве ориентира для определения оставшегося проценты для столбцов.

Например, если бы у меня была таблица данных размером 1000 пикселей

1000 - 450 = 550

Я хочу столбец, который составляет 10% от оставшегося

550 пикселей из 1000 пикселей = осталось 55%, поэтому 10% из 55% = 5,5%

person Keith.Abramo    schedule 17.10.2011
comment
я уже нашел трюк со swidth null, но да, я думаю, другого пути нет - person max4ever; 18.10.2011

arrow_upward
3
arrow_downward

Попробуйте установить «bAutoWidth»: false,

person Anagio    schedule 05.10.2011
comment
У меня есть одна настройка таблицы, как показано ниже. Первый столбец имеет ширину 10 пикселей, потому что он содержит флажок. Я бы проверил, влияют ли столбцы верхнего или нижнего колонтитула таблицы на размер столбцов, для которых вы устанавливаете ширину. Также, возможно, если ваша оболочка таблицы, скажем, 650 пикселей. Чтобы установить размер в пикселях для столбца ragsoc_denom, равный остатку после добавления других столбцов, они составляют 450 пикселей, поэтому, возможно, установите для другого столбца значение 200 пикселей. bAutoWidth: false, sPaginationType: full_numbers, aoColumns: [ { bSortable: false, sWidth: 10px }, null, null, null, - person Anagio; 05.10.2011

arrow_upward
0
arrow_downward

Если код, указанный для исходного вопроса, все еще используется, я думаю, что проблема может быть связана с тем, что первый столбец настроен так, чтобы занимать 100% пространства...

person Community    schedule 22.08.2012