Ширина таблицы HTML соответствует размеру окна браузера

Question

Учитывая таблицу HTML с некоторыми данными, которые могут быть либо уже, либо шире, чем окно браузера,

В первом случае я знаю, как заставить его расширяться, чтобы заполнить всю ширину.

В последнем случае, как сделать так, чтобы он был сжатым (путем обрезания некоторых столбцов, а не переноса по словам), чтобы он соответствовал доступной ширине?

Answer 1

Если под «усечением некоторых столбцов» вы подразумеваете усечение их содержимого, вы всегда можете сделать все TDs overflow: hidden с фиксированной высотой.

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

Answer 2

, чтобы развернуть таблицу до полной версии браузера, просто сделайте это:

 <table width="100%">

Answer 3

Ну, на ваш вопрос сложно ответить. Я думаю, что для этого проще всего использовать Библиотека пользовательского интерфейса Yahoo , в которой есть компонент (среди многих других), называемый DataTable, в который вы можете программно добавлять или удалять столбцы. Вот пример , который может вам помочь.

PS: проверьте другие компоненты, YUI использует только javascript, и некоторые из них действительно крутые.

Answer 4

... как сделать так, чтобы он врезался (путем обрезки некоторых столбцов, а не переноса по словам), чтобы он соответствовал доступной ширине? Я предлагаю установить ширину таблицы в n%, а также установить ширину для тд в процентах, которые при суммировании дадут ширину таблицы.

Это, однако, приведет к переносу слов в тд.