Как сделать так, чтобы jqGrid растягивался по ширине на 100 %? Вроде бы там есть свойство autowidth, которое как раз должно заниматься этим:
1 |
autowidth : true |
Но так при изменении размеров окна размер таблицы не будет меняться. Чтобы ширина jqGrid подстраивалась при изменении ширины окна нужно использовать вот такой приём:
1 2 3 4 |
... width : null, shrinkToFit : false, ... |
Этот способ уже работает идеально.
Спасибо, помогло! У вас очень хороший блог, все толково и по делу, мне нравится.
Я правда рад, что мои записи кому-то помогли 🙂
Спасибо! Очень интересный прием. А по высоте родительского элемента как растянуть таблицу?
Нашел свой вариант. На основе примера со стилями http://dnzl.ru/view_post.php?id=190.
Добавил стили в заголовок:
html {
height: 100%;
}
body {
height: 100%;
}
.height-100 {
height: 100%;
}
#gbox_tblTreeRefs{
height: 100%;
}
#gview_tblTreeRefs{
height: 100%;
}
#gbox_tblRefBody {
height: 100%;
}
#gview_tblTreeRefs {
height: 100%;
}
и в таблицах (как видно их у меня две) height: ‘100%’.
Т.к. таблицы находятся внутри контейнеров bootstrap.css, то добавил класс height-100 каждому из блоков, включающих в себя таблицы (на всех уровнях: контейнер, row, col-..). Далее подсмотрел, как называет свои блоки jqGrid, которые включают мою таблицу: gbox_имяТаблицы и gview_имяТаблицы. И написал для них последние два класса. В принципе все получилось :).
Добрый день!
Прописал данный код, таблица стала расширяться, но вот панель навигации (внизу таблицы, постраничная навигация) съехала влево к иконкам (редактирование, добавление записи), если убираю width : null, все становится на свои места. Подскажите как быть?
Огромное человеческое спасибо!