easyui datagrid 竖线
时间: 2024-03-28 19:33:13 浏览: 103
easyui datagrid editor回车切换单元格示例,可参考
5星 · 资源好评率100%
easyui datagrid的竖线可以通过修改CSS样式来实现。根据提供的引用内容,可以使用以下方式去掉datagrid内部的竖线[^1]:
```css
<style type="text/css">
.datagrid-body td, .datagrid-footer td {
border-right: 0px;
}
</style>
```
这段CSS代码将`datagrid-body`和`datagrid-footer`中的单元格的右边框设置为0像素,从而去掉了竖线。
另外,如果你想要在点击一行时开启编辑框的同时将光标放在编辑框中,可以使用以下代码[^2]:
```javascript
var editor = $('#datagrid').datagrid('getEditor', {index: rowIndex, field: 'buyNum'});
editor.target.focus();
```
这段JavaScript代码通过`getEditor`方法获取指定行和字段的编辑器,然后使用`focus`方法将光标聚焦到编辑框中。
阅读全文