Как исправить размер таблицы с липким заголовком, а также сортировки и поиска?

Question

Как исправить размер таблицы с липким заголовком, а также сортировки и поиска?

0

У меня есть таблица с сортировкой и липким заголовком таблицы. Первая проблема, с которой я сталкиваюсь, не может вставить заголовок в таблицу. На прокрутке это оно прилипает к окну. Во-вторых, я не могу изменить размер и высоту таблицы. Когда я держу его внутри тега div тогда липкий заголовок не работает

Пожалуйста, помогите мне, как этого достичь.

<script id="js">$(function(){
    $("table").tablesorter({
        widthFixed : true,
        showProcessing: true,
        headerTemplate : '{content} {icon}', 
        // Add icon for jui theme; new in v2.7!
        widgets: [ 'uitheme', 'zebra', 'stickyHeaders', 'filter' ],
        widgetOptions: {
           // extra css class name applied to the sticky header row (tr) - changed in v2.11
          stickyHeaders : '',
          // adding zebra striping, using content and default styles - the ui css removes the background from default
          // even and odd class names included for this demo to allow switching themes
          zebra   : ["ui-widget-content even", "ui-state-default odd"],
          // use uitheme widget to apply defauly jquery ui (jui) class names
          // see the uitheme demo for more details on how to change the class names
          uitheme : 'jui'
        }
    });

});</script>

Это файл js для css

  <script src="js/jquery.tablesorter.widgets.js"></script>

SUDARSHAN 28 нояб. 2013, в 07:46

Источник

0

Виджет stickyHeaders в настоящее время не может «прилипать» к своему родительскому элементу; это только придерживается окна браузера. Открытая проблема уже опубликована, я просто еще не дошел до нее.
Mottie 28 нояб. 2013, в 18:02
0

Спасибо за ответ ... Если решение приходит, поделитесь им ..
SUDARSHAN 29 нояб. 2013, в 04:44

Теги:

javascript

jquery

css

sticky

tablesorter

2 ответа

Ещё вопросы

Виджет stickyHeaders в настоящее время не может «прилипать» к своему родительскому элементу; это только придерживается окна браузера. Открытая проблема уже опубликована, я просто еще не дошел до нее.
Спасибо за ответ ... Если решение приходит, поделитесь им ..

Mottie · Answer 1 · 2013-12-06T06-57-00.000Z

Теперь есть виджет заголовка css, но он все еще находится в бета-тестировании.

Хотя в настоящее время доступная версия, описанная выше, не позволяет прикреплять липкий заголовок к ее родительскому объекту, в этой работе есть демонстрация (см. Эту проблему для обновлений). Последний вопрос, который нужно преодолеть, заключается в том, что заголовок cssStickyHeaders_addCaption правильно в Firefox (опция cssStickyHeaders_addCaption).

$(function () {

    $("table").tablesorter({
        widgets: ['cssStickyHeaders'],
        widgetOptions: {
            cssStickyHeaders_offset: 0,
            cssStickyHeaders_addCaption: true,
            cssStickyHeaders_attachTo: null
        }
    });

});

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

Ziad · Answer 2 · 2013-11-28T05-44-00.000Z

попробуйте сделать то же самое, что и на jsfiddle:

[http://jsfiddle.net/Ziad/2EZjJ/][1]