antdv 组件踩坑-持续更新

关注

已于 2022-02-24 10:47:23 修改 · 1.1k 阅读

原创 ·

本内容遵循 CC 4.0 BY-SA 版权协议

iPad秒变Mac副屏的隐藏技巧：用BetterDisplay实现无线竖屏+90度锁定本文详细介绍了如何利用BetterDisplay软件突破苹果原生“随航”（Sidecar）功能的限制，将iPad无线设置为Mac的竖屏副屏，并实现90度方向锁定。通过创建虚拟显示器、配置分辨率与旋转参数，并校准鼠标指针，用户可以高效利用iPad的纵向空间进行文档阅读、编码等工作，显著提升多屏协作效率。阅读详情

antd 组件踩坑-持续更新

- a-table

a-table

a-table 固定列存在的情况下背景颜色问题

采用的方式是利用 scss 变量，对于不同主题选择不同的背景色（字体色等）
antdv a-table 组件存在固定列的情况下，标题行和固定列的背景色不会随着父类变化，我的解决方案是全局设置。部分代码可供参考

// 全局处理表格样式（固定列存在情况下 固定列和标题行的问题）
// 左侧固定
.ant-table-fixed-left, .ant-table-fixed-left table {
    @include background_color("table-bg-color");
}
// 右侧固定
.ant-table-fixed-right, .ant-table-fixed-right table {
    @include background_color("table-bg-color");
}
// 带固定的列标题行
.ant-table-fixed thead[class*="ant-table-thead"] th {
  @include background_color("table-bg-color");
}

// 边框线(颜色会和表格背景色重合)
.ant-table.ant-table-layout-fixed {
  @include border_style("table-border-style");
}

// 所有的表格头字体颜色
thead[class*="ant-table-thead"] th {
    @include font_color("table-head-font-color");
}
// 表格体
.ant-table-tbody > tr > td {
  @include font_color("table-body-font-color");
}

a-table 多选选项打开和关闭

:row-selection="editAble ? { selectedRowKeys }: undefined"

a-table 中不能嵌套 modal

否则 visible 属性失效

收录于

前端

标签

#vue.js #前端 #javascript #ant design

【华为OD机试真题】4、字符统计及重排 | 机试真题+思路参考+代码解析（C++、Java、Py）题目描述 >给出一个仅包含字母的字符串，不包含空格，统计字符串中各个字母（区分大小写）出现的次数，并按照字母出现次数从大到小的顺序。输出各个字母及其出现次数。如果次数相同，按照自然顺序进行排序，且小写字母在大写字母之前阅读详情