element-table样式记录

.el-table {

// 表格边框的颜色,可以通过这个变量来设置表格的边框颜色。

    --el-table-border-color:var(--el-border-color-lighter);

    // 表格边框的样式,一般为实线或虚线,可以通过这个变量来设置表格的边框样式。

    --el-table-border:1px solid var(--el-table-border-color);

    // 表格中文字的颜色,可以通过这个变量来设置表格中文字的颜色。

    --el-table-text-color:var(--el-text-color-regular);

    // 表头中文字的颜色,可以通过这个变量来设置表头中文字的颜色。

    --el-table-header-text-color:var(--el-text-color-secondary);

    // 鼠标悬停在行上时的背景色,可以通过这个变量来设置鼠标悬停时行的背景色。

    --el-table-row-hover-bg-color:var(--el-fill-color-light);

    // 当前行的背景色,可以通过这个变量来设置当前行的背景色。

    --el-table-current-row-bg-color:var(--el-fill-color-light);

    // 表头的背景色,可以通过这个变量来设置表头的背景色。

    --el-table-header-bg-color:var(--el-bg-color);

    // 固定列的阴影样式,可以通过这个变量来设置固定列的阴影样式。

    --el-table-fixed-box-shadow:var(--el-box-shadow-light);

    // 表格的背景色,可以通过这个变量来设置表格的背景色。

    --el-table-bg-color:var(--el-fill-color-blank);

    // 表格行的背景色,可以通过这个变量来设置表格行的背景色。

    --el-table-tr-bg-color:var(--el-fill-color-blank);

    // 展开行的背景色,可以通过这个变量来设置展开行的背景色。

    --el-table-expanded-cell-bg-color:var(--el-fill-color-blank);

    // 左侧固定列的阴影样式,可以通过这个变量来设置左侧固定列的阴影样式。

    --el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);

    // 右侧固定列的阴影样式,可以通过这个变量来设置右侧固定列的阴影样式。

    --el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容