Как реализовать фиксированный заголовок с вертикальным скроллером в приложении 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);
});