jqGrid 分页样式修改
时间: 2023-08-11 07:25:50 浏览: 167
分页控件,可根据需要修改样式
您可以通过修改 jqGrid 中的 CSS 样式来自定义分页样式。以下是一些常用的 CSS 样式:
1. 修改分页按钮的样式:
```css
.ui-pg-button {
/* 修改按钮背景色 */
background-color: #007bff;
/* 修改按钮文字颜色 */
color: #fff;
/* 修改按钮边框颜色 */
border-color: #007bff;
/* 修改按钮圆角 */
border-radius: 0;
}
```
2. 修改分页输入框的样式:
```css
.ui-pg-input {
/* 修改输入框背景色 */
background-color: #fff;
/* 修改输入框文字颜色 */
color: #333;
/* 修改输入框边框颜色 */
border-color: #ddd;
/* 修改输入框圆角 */
border-radius: 0;
}
```
3. 修改分页信息的样式:
```css
.ui-paging-info {
/* 修改信息文字颜色 */
color: #333;
/* 修改信息字体大小 */
font-size: 14px;
}
```
您可以根据需要自定义以上样式或添加其他样式来达到您想要的分页样式效果。
阅读全文