Я работаю с библиотекой DataTables, и я использую опцию autoWidth, чтобы автоматически установить ширины столбцов таблицы данных, а также Scroller plugin, чтобы исправить заголовки и данные страницы с сервера.Отображать столбцы DataTables с естественной шириной
Эта комбинация выглядит красивой, когда моя таблица имеет большое количество столбцов, но когда она имеет всего несколько столбцов, параметр autoWidth делает их мультяшными большими.
Вот пример:
http://live.datatables.net/rizuvaza/2/edit
То, что я хотел бы для таблицы, чтобы быть только так широко, как необходимо для его содержания, а не шире. Иногда это будет означать, что содержимое слишком велико для окна просмотра и должно быть горизонтально прокручено, а иногда это будет означать, что контент уже, чем область просмотра, и в этом случае я не хочу, чтобы он потреблял все горизонтальное пространство.
Я нашел несколько подходов, которые работают, если я желаю жестко закодировать максимальную ширину для таблицы, но при этом полагается на то, что я пишу код для оценки ширины столбцов. Очевидно, что это зависит от большого количества сложных измерений (размер шрифта, ширина содержимого и т. Д.), Которые я действительно предпочел бы оставить в DataTables.
Есть ли способ настроить DataTables или использовать обертывающие элементы DOM и стили, чтобы он всегда рисовал таблицу, используя только ширину, необходимую?
Столы хотят идти полной ширины, поэтому нет, не совсем. единственным способом было бы определить размер самостоятельно. вы могли бы вычислить максимальную ширину, а затем применить это самостоятельно, поэтому не нужно было бы на 100% вручную ... – dandavis