`
guoyiqi
  • 浏览: 1002068 次
社区版块
存档分类
最新评论

grid加竖表格线

 
阅读更多

在页面中加入



    /*显示竖线*/
    .x-grid3-cell-inner{
        border-right: 1px solid #eceff6;
    }
    /*与表头对齐*/
    .x-grid3-row td, .x-grid3-summary-row td{
        padding-right: 0px;
    }
    /*去掉行间空白*/
    .x-grid3-row {
        border-top-width: 0px;
        border-bottom-width: 0px;
    }




或者


把这段加上去。。
  
    /* Override standard grid styles (add colour to vertical grid lines) */  
.x-grid3-col {  
    border-left:  1px solid #EEEEEE;  
    border-right: 0px solid #D2D2D2;  
}  
   
/* Also remove padding from table data (to compensate for added grid lines) */  
.x-grid3-row td, .x-grid3-summary-row td {  
    padding-left: 0px;  
    padding-right: 0px;  
}
   

 

分享到:
评论

相关推荐

    delphi xe 10.2.3 fmx grid 多元化表格 支持合并单元格 单独设置背景色

    4,边框线宽度可以设置(外边框线,内边框线可以分开设置) 5,边框颜色可以设置(内外线色可以设置不同颜色) 6,可以设置编辑状态(此属性是新建单元格属性,只对新建单元格生效) 7,只读属性(针对所有非固定单元格) 8,随时...

    JS可调整列宽表格

    这可能需要用到媒体查询(media queries)或者 Flexbox 或 Grid 布局。 6. **性能优化**:频繁的DOM操作可能会影响页面性能。为了避免不必要的重绘或回流,可以使用 `requestAnimationFrame` 或 `setTimeout` 来...

    C# 画线 控件源码

    当涉及到用户界面(UI)的自定义和增强时,有时我们需要在屏幕上画线,例如创建自定义的表格或图表。本篇文章将深入探讨如何在C#中实现画线功能,并介绍一个名为"Line"的控件源码,它可以帮助我们轻松地在.NET应用...

    dhtmlxGantt 介绍以及使用说明

    - **行样式**:可以使用 `templates.grid_row_class` 来设置行的 CSS 类名,从而实现行样式的自定义: ```javascript gantt.templates.grid_row_class = function(start, end, task) { if (task.$level > 1) { ...

    sap ALV常用参数的详细描述

    在调用`REUSE_ALV_GRID_DISPLAY`时,需要传递一系列的参数来定义ALV表格的外观和行为。下面详细介绍这些参数: 1. **i_interface_check**:此参数用于指定是否进行接口一致性检查。如果设置了此参数,则系统会验证...

    井字游戏

    目标是先在横、竖或对角线上形成连续三个自己的标记,即可获胜。如果棋盘填满而没有一方获胜,则游戏平局。 HTML(HyperText Markup Language)是网页制作的基础语言,用于构建和设计网页的结构。在这个井字游戏中...

    tic-tac-toe

    这可以通过JavaScript实现,遍历所有可能的胜利组合(横、竖、对角线),检查是否有三个相同的标记连在一起。如果找到,可以改变游戏状态并显示胜利信息,同时可能还需要禁用剩余的可点击单元格。 总结来说,井字...

    Tambola-using-HTML-CSS-JS:Jaldi 5或Tambola是与家人,朋友一起玩的最好的游戏之一。 有一天,一枚硬币丢了,这本书没有用。 所以我决定这样做

    例如,我们可以创建一个表格布局来表示游戏卡片,每个单元格代表一个可被抽中的数字。此外,HTML还可以用于设置标题、规则说明以及用户交互的元素,如开始游戏、抽取数字等按钮。 接着,CSS(Cascading Style ...

    web前端笔试面试

    - `visibility: collapse`用于隐藏表格单元格。 - 不同浏览器下可能有差异。 **18. position与其他特性叠加后的表现?** - 受到`z-index`的影响。 - `margin collapse`不会发生在绝对定位元素上。 **19. BFC规范...

    前端面试题

    **20、实现不使用border画出1px高的线,在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。** - 可以通过设置`div`的高度为`1px`,并通过`background-color`属性设置颜色来实现。这样在不同浏览器模式下...

Global site tag (gtag.js) - Google Analytics