2013-05-20 2 views
1

У меня есть требование, которому нужны строки таблицы внутри таблицы, исключая прокручиваемую строку заголовка. Я попытался следующие, но это не дает желаемого результатаМогу ли я использовать тег внутри таблицы

<table id="applicantList1" border="1" align="left"> 
<tr><td align="center" colspan="4"><b>Select one record from the below list for proceeding further </b></td></tr> 
<tr><th>View</th><th>Name</th><th>Address</th><th>Pan No</th></tr> 
    <c:forEach items="${applicantList}" var = "applicantList"> 
    <div id="applicantList2" align="center" style="height:1px;width: 10px"> 
    <tr> 
     <td>${applicantList[0]}</td> 
     <td>${applicantList[1]}</td> 
     <td>${applicantList[2]},${applicantList[3]},${applicantList[4]},${applicantList[5]},${applicantList[6]},${applicantList[7]}</td> 
     <td>${applicantList[8]}</td> 
     </tr> 
    </div>     
    </c:forEach> 
</table> 

Если какой-либо один есть идея, пожалуйста поделитесь со мной.

+2

check out: http://www.imaputz.com/cssStuff/bigFourVersion.html –

+0

YOu can всегда проверяйте свой html здесь http://htmledit.squarefree.com/ –

+0

@Ismet, он не работает в IE – jammykam

ответ

0

Можете ли вы использовать JavaScript? JQuery? Какие браузеры вам нужны для поддержки?

только CSS-решение не представляется возможным, добро пожаловать к святой Грааль: <table><tbody> scrollable?

Вы можете попробовать это как CSS только решение, но прокрутка не будет работать в IE. Вам нужно добавить thead и tbody тегов к вашей таблице разметке: http://tjvantoll.com/2012/11/10/creating-cross-browser-scrollable-tbody/

Так что ваше единственным решением для% покрытия 100 является использование JavaScript. Я бы использовал комбинацию из вышеперечисленного и плагин, чтобы он ухудшался хорошо, когда JS выключен. DataTables is a jQuery plugin Я использовал раньше, если вам нужен чистый плагин JavsScript, я уверен, что вы можете их использовать ...

0

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

Если вы открыты для решения стороннего Я бы также рекомендовал сетку Telerik, так как все они поддерживают такое поведение

0

Не так, как вы его используете. Используйте список вместо того, чтобы заставлять tr внутри div.

0

Вы можете решить это с помощью CSS:

Вы можете поместить таблицу внутри <div> с его позицией устанавливаются в относителен. Внутри <div> установите таблицу для наследования атрибута position. Установите в таблице position: absolute и top: 0, а остальные элементы в таблице должны быть установлены в inherit.

Смежные вопросы