2010-11-23 5 views
0

Я унаследовал веб-приложение с похожим на рабочий стол взглядом. Он использует таблицы для макета. Мне нужно сделать «панели» графического пользовательского интерфейса (например, сплит-панели).Создание табличного макета resizable

Пример того, что мне нужно выполнить: http://demos.dojotoolkit.org/demos/mail/ (The изменяемого размера области контента)

Но вместо того, чтобы использовать дивы для макета, мне нужно использовать достаточно сложные вложенные таблицы. Есть ли что-нибудь, что позволит мне выполнить это, или мне придется преобразовать код, чтобы не использовать таблицы для макета?

+1

Вложенные столы ... юк! Вложенные столы ворвутся в ваш дом, украдут ваш телевизор и выпьют все ваше пиво ... – mingos 2010-11-23 08:59:50

ответ

0

ВНИМАНИЕ: Я собираюсь рекомендовать сторонний продукт; если это вас оскорбляет, прекратите чтение.

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

DEMO

0

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

Вот пример resizable tables. Посмотреть исходный код этой страницы там вы увидите включение скрипта:

<script type='text/javascript' src='resizable-tables.js'></script> 

И таблица стилей:

<link rel='stylesheet' href='resizable.css' type='text/css' media='screen' /> 

А также !doctype определено есть трюк, вы должны иметь это слишком.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<!-- it is transitional only because of using width='xx%' property in table example --> 
<html xmlns='http://www.w3.org/1999/xhtml'><head> 
Смежные вопросы