Как сделать прокручиваемую таблицу jsp? - PullRequest
Новая
       6

Как сделать прокручиваемую таблицу jsp?

1 голос
/ 11 ноября 2011

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

<body>

    <table>
        <thead>
            <tr>
                <th>PO</th>
                <th>Product</th>
                <th>Batch Size</th>
                <th>SPI</th>
                <th>AOI</th>
                <th>PTH</th>
                <th>Inspection</th>
                <th>Tests</th>
                <th>Expedition</th>
            </tr>
        </thead>
        <tbody id="prodReportTable">
            <c:forEach var="pojo" items="${list}">
                <tr>
                    <td>${pojo.po}</td>
                    <td>${pojo.productName}</td>
                    <td>${pojo.poSize}</td>
                    <td>${pojo.spi}</td>
                    <td>${pojo.aoi}</td>
                    <td>${pojo.pth}</td>
                    <td>${pojo.inspection}</td>
                    <td>${pojo.tests}</td>
                    <td>${pojo.expedition}</td>
                </tr>
            </c:forEach>
        </tbody>
    </table>

</body>

Ответы [ 3 ]

1 голос
/ 13 ноября 2011

Если вас не волнует совместимость между браузерами, вы можете использовать этот стиль в TBODY: 

#prodReportTable
{
    overflow-y:scroll; 
    height:200px;  
    position:absolute;
}

Кроме того, вы можете избавиться от ужасного межстрочного интервала в IE с помощью: (без прокруткихотя, к сожалению, бар) 

#prodReportTable TR
{
    height:1em;
}
0 голосов
/ 12 ноября 2011

Взгляните на jqgrid (http://www.trirand.com/blog/),, который является плагином сетки таблицы jquery. Я успешно использовал его, и он экономит массу времени. Он имеет функции сортировки, фильтрации, форматирования, подкачки страниц и другие.

Если вам нужно более «низко технологичное» решение, просто создайте div для заголовка и div для тела, который можно прокручивать по x. Если это не имеет смысла, просто дайте мне знать, и я могу отправить образец ...

Удачи!

0 голосов
/ 11 ноября 2011

Вы проверяли JQuery Tablesorter ?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...