Как сделать так, чтобы YUI DataTable имел ширину 100% - PullRequest
Новая
       10

Как сделать так, чтобы YUI DataTable имел ширину 100%

2 голосов
/ 08 июля 2010

Мой код для создания таблицы данных выглядит так: 

myDataTable = new YAHOO.widget.ScrollingDataTable(
                    "containerDiv",
                    myColumnDefs,
                    myDataSource,
                    {height:"100px",width:"100%"}
                  );

Этот код создает таблицу, которая выглядит примерно так: (Снимок экрана больше не доступен с внешнего сайта) http://drop.io/download/public/gfipf7axm6ydjsvuaiaf/296829ffb3ad115ecf1d9e13a607eaf2e2dc2788/Asset/37984293/v3/large_thumbnail

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

Обратите внимание, что внешний блок, который растягивается на 100%, создается YUI, когда вы запускаете вышеуказанный код, я сам его не создавал.

Что мне действительно нужно, так это вертикальная прокрутка, а не горизонтальная прокрутка. Но YUI не позволяет указывать одно или другое, вы получаете оба.

Есть ли способ заставить стол растягиваться на 100%? Я не нашел ничего об этой проблеме в документации YUI, если я не пропустил ее.

Спасибо за чтение!

1 Ответ

1 голос
/ 08 июля 2010

Когда вы используете ScrollingDataTable и указываете ширину, столбцы не имеют автоматического размера.Это имеет смысл, когда вы думаете об этом - таблица должна обрабатывать случаи, когда в представлении слишком много столбцов, чтобы они не помещались в них.

Поскольку, похоже, вы этого не делаетенужна горизонтальная прокрутка, уберите атрибут config ширины.Чтобы получить желаемую ширину таблицы, вы можете попробовать:

  • Указание ширины в CSS для контейнера контейнера, а не в конфигурации таблицы
  • Указание ширины столбцов, чтобы они добавлялидо общей ширины, которую вы хотите.
...