Ritendra Mall Ответов: 1

Как реализовать фиксированный заголовок с вертикальным скроллером в приложении MVC 3


Всем Привет,

Пожалуйста, помогите мне реализовать фиксированный заголовок таблицы с помощью приложения MVC 3 .

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

Кто-нибудь знает, как лучше всего реализовать это без добавления каких-либо дополнительных css?

Примечание:- В настоящее время я использую для этого версию jQuery 1.5.1 .

Спасибо

Что я уже пробовал:

ниже приведен код :-

функция scrolify(tblAsJQueryObject, height) {

var oTbl = tblAsJQueryObject;

// для очень больших таблиц вы можете удалить четыре строки ниже
// и заверните таблицу с наценкой и назначьте
// свойство высоты и переполнения
ВАР отблдив = $("");
oTblDiv.css('height', высота);
oTblDiv.в CSS('переполнение', 'авто');
oTblDiv.переполнение-х и CSS ('', 'скрытый');
oTblDiv.css('margin-right', "2px");

отбл.обертывание(отблдив);

// сохранить исходную ширину
oTbl.м("данные-товар-оригинальный-ширина", oTbl.ширина());
oTbl.find('thead tr td').each(функция () {
$(этот).м("данные-товар-оригинальный-ширина", $(этот).ширина());
});
oTbl.find('tbody tr td').each(функция () {
$(этот).м("данные-товар-оригинальный-ширина", $(этот).ширина());
});


// клонирование исходной таблицы
ВАР newTbl = oTbl.клон();

// удалить заголовок таблицы из исходной таблицы
oTbl.find('thead tr').remove();
// удалить тело таблицы из новой таблицы
newTbl.find('tbody tr').remove();

oTbl.parent().parent().prepend(newTbl);
newTbl.обертывание("");

// заменить исходную ширину столбца
newTbl.ширина(newTbl.элемент-данных-оригинал-Ширина м (''));
newTbl.find('thead tr td').each(функция () {
$(этот).ширина($(это).м("данные-товар-оригинальный-ширина"));
});
oTbl.ширина(newTbl.элемент-данных-оригинал-Ширина м (''));
oTbl.find('thead tr td').each(функция () {
$(этот).ширина($(это).м("данные-товар-оригинальный-ширина"));
});
newTbl.ширина(newTbl.элемент-данных-оригинал-Ширина м (''));
newTbl.find('tbody tr td').each(функция () {
$(этот).ширина($(это).м("данные-товар-оригинальный-ширина"));
});
oTbl.ширина(oTbl.элемент-данных-оригинал-Ширина м (''));
oTbl.find('tbody tr td').each(функция () {
$(этот).ширина($(это).м("данные-товар-оригинальный-ширина"));
});
}

$(документ).готово(функция () {
scrolify($('#invitedTable'), 200);// 160 - высота
scrolify($('#pdartTable'), 200);
});

1 Ответов

Рейтинг:
0