首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

「趣学前端」优雅又精致,来看看别人家表格样式是怎样实现

——莎士比亚 上篇习题解析 上一篇结尾留了一个小习题,先来看看,表格高亮表头、隔行高亮效果是如何实现。 通常为元素设计背景色可以实现高亮效果。...,也引出了今天要讲内容,网页中看到一些优雅且精致表格样式是如何实现。...百变表格 以下表格样式,参考了antdTable组件、掘金文章主题等。 类型 效果展示 实现方案 错落有致边框表格 前面的篇章里讲过border属性可以为元素添加边框。...每个元素边框包括四个边,如果相邻元素四个边都设置,边框会变粗,所以单元格需要为相对边设置单侧边框才有图中效果。...带省略表格表格文字过多时,为了优雅展示表格,一般会设置文字超出一定长度展示省略号。省略号功能是为单元格添加了text-overflow属性且值为ellipsis。

1.6K20

遇到复杂业务查询,怎么办?

1.制作下拉列表 第1步:A列中机构名称有很多是重复,把这一列值复制到表格空白处,然后删除重复值后,发现这一列机构名称只有A、B、C共3家。...同样道理,如果B列利率档没有重复值在创作下拉框时可以直接作为数据验证对话框里来源。 如果有重复值的话,和机构处理方式一样,在表格空白处写上这一列删除重复值后利率作为数据验证对话框里来源。...如下图所示,C机构改成了E机构,再添加F机构,那么需要在数据验证对话框,把来源处单元格范围要做相应修改,再按确定即可。...但通常表格数据很多,有多行多列。如何让INDEX知道A机构,利率档是40%是在第1列,24期费用是在第3列呢? 这时就要用到INDEX王炸组合MATCH函数。...MATCH函数就是拿要查找值,在指定区域进行匹配匹配上了,就会返回目标值所在单元格位置。

1.6K10
您找到你想要的搜索结果了吗?
是的
没有找到

常用表格检测识别方法——表格结构识别方法 (下)

以0.5概率对D和R进行阈值计算,并合并指示单元格。网络预测没有对生成合并只产生矩形单元格约束,因此在后处理中添加了额外合并,以确保生成表结构只有矩形单元格。...不匹配GT BB被标记为false negative。因为空白单元格没有被手动注释,所以作者排除了不与任何GT BB相交预测BB。...这样,如果方法正确地预测了未标记空白单元格,那么它们就不会受到惩罚。表二显示了测试集上5000个表格结果。根据每个表计算报告准确率和召回率,然后取平均值。...图5和图4中定性结果表明,论文方法对于具有复杂结构、无边界单元格、大空白空间、空白或跨行单元格以及扭曲甚至弯曲形状表格具有鲁棒性。...在更具挑战性真实内部数据集中,进一步验证了论文方法对具有复杂结构、无边界单元格、大空白空间、空白或跨行单元格以及扭曲或弯曲形状表格鲁棒性。

2.3K10

你有一份面试题要查收

单击表格内任意一单元格,然后点击【开始】-【排序与筛选】-【自定义排序】,然后依次添加加盟商、省份、地区,最后还款日期。具体操作如下: 四个条件排序后,结果如下图所示。...image.png image.png 【题目4】将下表空缺信息批量填充,并把加盟商为蚂蚁**客户金额乘以   10000 image.png 第一个要求是不连续没有规律空白单元格批量填充...,首先用到定位功能把所有空白单元格选中。...然后对定位条件进行一系列设置,在本次需求中我们要定位出空白单元格,所以选“空值”。...定位出空白单元格后,在编辑栏里也就是写公式处输入“未知”,同时按下“ctrl+enter”,具体操作如下: image.png 如果希望在同列中空白单元格是按照上一行值填充,在编辑栏里也就是写公式处输入

2.1K11

掌握excel数据处理,提高你数据分析效率

搜索目标搜索方式注意事项以X开头X*勾选“单元格匹配”以X结尾*X勾选“单元格匹配”包含XX撤销“单元格匹配” 比如现在我们我们想要想查找以“李”开头数据,应该怎么查找呢?...1.ctrl+F打开“查找与替换”对话框; 2.在查找对话框输入李*; 3.勾选“单元格匹配”,点击确定即可。 ?...注:如果只是把某列相同记录定义为重复项那么只需要勾选那一列字段即可。 3 快速删除数据 在Excel表格中,如果有很多无用空行,我们需求是想把它们全部删除。...如果通过一行一行点击进行删除,则会比较浪费时间。如果Excel表格中除了空行外没有其他空单元格时,我们可以利用“筛选”功能快速删除数据。...1.选中整个姓名列,点击一次“合并单元格”按钮取消单元格合并; 2.按fn+F5定位空白单元格,在编辑栏输入:=A2,点击Ctrl+Enter键完成批量录入。 ?

1.8K40

C++ Qt开发:TableWidget表格组件

首先我们准备好UI界面部分,该界面包含元素较为复杂,如果找不到这些组件可以参考文章底部完整案例代码; 1.1 设置初始表格 如下代码演示了如何使用 QTableWidget 设置表头。...如果需要设置垂直表头,可以使用 setVerticalHeaderLabels 方法,将一个包含行标签字符串列表传递给它。 可以通过循环设置表头每个单元格属性。...使用 setData 方法将学号(StudID)设置为单元格数据。 将 QTableWidgetItem 添加表格指定位置。...将 QTableWidgetItem 添加表格指定位置。 通过这样操作,可以在表格中动态地创建一行,并设置每个单元格内容和样式。...循环中,每次添加行后,将日期加20天。 党员标志处理: 使用布尔变量 isParty 表示学生是否为党员,每次取反。 将党员标志设置为对应复选框状态。

48710

商业数据分析从入门到入职(2)Excel基础

一个Excel表格各部分名称及位置如下: ? 其中,整个Excel文件为一个工作簿,一个工作表标签对应着一个工作表,每一个格子称为一个单元格,可以输入数据。...对表格行、列、区域和单元格基本选择操作如下: ? 可以选择你所需要单元格。 基本输入如下: ? 可以看到,可以自动填充序列; 还可以在同一个单元格换行输入,快捷键为ALT+Enter。...一般输入数据时为选中状态,一旦选中某个表格并输入,之前数据就会被覆盖; 还可以双击单元格切换到编辑状态,可以根据需要进行增删改数据。 如下: ?...显然,根据需要可以选择单元格匹配(只有被替换字符串是整个单元格内容才会被替换)和通配符,其中,*代表多个字符,?代表1个字符。 还可以根据批注查找,如下: ?...还可以查找到空值,可以根据这个功能实现填充所有的空白部分,如中部地区下面两个是中部地区,如下: ? 可以看到,即可实现填充空白部分,还可以通过合并单元格实现填充空白部分。

1.4K20

最用心EXCEL课程 笔记2

: Ctrl 选择多个工作表,输入 ,这时内容会出现在所有被选工作表 上下移动方法》1.找到任意单元格,鼠标放在上或者下边框,双击2.Ctrl 加上下 冻结窗格,所选单元格左边和上边会被冻结 打印时表格太长...如下 图片 15-18节 函数部分 输入函数名称时,如果输入了一半,函数已经出现在列表,可以直按tab进入函数,不要按回车 图片 如何进入函数详细介绍,方法1在输入公式时按ctrl+a,方法二点击下图左上...不会计算文本,同时也不会计算空白单元格 输入函数时,遮挡住了左侧单元格,导致不能选择左侧单元格。...如何查找单元格完全是该内容而不是包含该内容。如下 图片 查找和替换不仅查找文本还可以查找格式。...除了一般符号,也可以用字符作为分隔符 筛选、排序,可以自定义序列 图片 Vlookup函数 模糊查找通过下图1实现,逻辑值:大致匹配用True或省略,精确匹配用False,但是 右侧表格要按照升序排序

93130

TSRFormer:复杂场景表格结构识别新利器

然而,目前表格识别算法多用于识别横平竖直表格,对于全无边界和实线表格、行列之间存在大片空白区域表格等日常生活中常见表格没有较好解决方案,对于拍摄角度倾斜而表格边框弯曲等情况更是束手无策。...如何抽取及理解表格技术一直都是 IDP 中重要组成部分。 表格抽取技术解决主要问题是如何自动地将图像中表格数字化,其包含两个子任务:表格检测和表格结构识别。...其挑战难度主要在于表格结构与内容复杂多样性,例如存在完全无边界和实线表格、包含许多空白单元格或者跨行跨列单元格表格、行列之间存在大片空白区域表格、嵌套表格、密集表格单元格包含多行文字内容表格等等...自底向上范式一般需要依赖额外模块预先检测文本或单元格作为基础单元,再预测这些基础单元是否属于同一行、列或单元格从而定位表格结构。所以该范式难以处理包含大量空白单元格或空行空列表格。...不同于以上两种范式,微软亚洲研究院研究员们发现基于拆分-合并范式方法具有更强可扩展性,在复杂场景中只需要较少训练数据就能达到很高精度,而且可以鲁棒地处理包含空白单元格以及空行空列表格

1.4K10

Python 自动化指南(繁琐工作自动化)第二版:十三、使用 EXCEL 电子表格

图 13-1:工作簿工作表标签在 Excel 左下角。 示例文件中表 1 应该类似于表 13-1 。(如果没有从网站上下载example.xlsx,您应该自己将这些数据输入到表格中。)...打开多个 Excel 文件并比较电子表格之间数据。 检查电子表格中是否有空白行或无效数据,如果有,提醒用户。 从电子表格中读取数据,并将其用作 Python 程序输入。...由于代码使用了PRICE_UPDATES字典,而不是将产品名称和更新成本硬编码到for循环中,所以如果产品销售电子表格需要额外更改,只需修改PRICE_UPDATES字典,而不用修改代码。...如何单元格中设置公式? 如果您想要检索单元格公式结果,而不是单元格公式本身,您必须首先做什么? 如何将第 5 行高度设置为 100? 你如何隐藏 C 列?...对于剩余行,将M添加到输出电子表格行号。 电子表格单元格反转器 编写一个程序来反转电子表格单元格行和列。例如,第 5 行第 3 列值将位于第 3 行第 5 列(反之亦然)。

18.2K53

7道题,测测你职场技能

【题目2】使用定位条件功能进行批量填充 如何使得左边表变成右边表呢?也就是说,如何使得多个不连续空白单元格同时输入数据? 有人说,我输入其中一个单元格,然后复制到其他空白单元格不就可以了吗。...那么,如何同时选中多个不连续空白单元格呢? 这里可用到“定位”功能。...【题目3】使用辅助列将以下左表变为右表形式 如图,要将左表变为右表形式,其实就是将表里姓名列,每隔一行插入空白行。如何实现呢?我们可以通过添加辅助列方法来实现。...单击表格内任意一单元格,然后点击【开始】-【排序与筛选】-【自定义排序】 在弹出【排序】对话框里,在“主要关键字”里,选择“出生年月”,“升序” 然后再“添加条件”,增加“次要关键字”,选择“工资”...,条件,条件是判断区域内单元格是否含有“车间”二字,如果包含有,则进行计数,如果没有,则不进行计数。

3.6K11

HTML一些标签以及表单

来实现位置跳转 表格基本语法 属性 说明 定义表格标签 定义表格行,嵌套在table标签中 定义表格单元格,嵌套在tr标签中 定义表头部分,可以使单元格内容加粗居中 cellspacing 单元格之间空白位置大小,就是表格线宽度 cellpadding 单元边沿与其内容之间空白...跨行合并:rowspan="合并单元格个数" 跨列合并:colspan="合并单元格个数" 三部曲 先确定跨行还是跨列 把合并代码写在目标单元格内(跨行就写在最上侧单元格,跨列就写在最左侧单元格...) 删除多余单元格 列表 属性 说明 ul元素 无序列表,没有层级,都是并列,列表项前会有点 li 嵌套在ul,ol里面的列表项 ol元素 有序列表,会有顺序,1,2,3, start 加在ol里面... 在option中可以添加selected="selected"来设置默认选项 ----

1.7K10

不会这5个Excel函数,不好意思说会做数据分析

那这些排名是如何实现呢? EXCEL中有一个很神奇函数“RANK”,它能够将数字排名单独显示在另一列,而且可以去除重名次,就是所显示结果是有多少人就显示多少名。 ?...2 VLOOKUP函数(字段匹配函数) 强大vlookup函数是做统计分析中最常用函数之一,因为很多字段信息都是分布在各个不同表里面,原数据表可能没有我们需要字段,而需要从其他数据表中获取相关字段信息...A2:B19”区域中第2列数据,“0”代表精确匹配。 将鼠标移到C2单元格右下角,直到出现填充柄,双击填充柄则C3:C19自动填充了C2公式,或者下拉填充柄至C19。 最终计算结果: ?...1.COUNTA函数 COUNTA函数计算区域中不为空单元格个数。 案例:计算表格中不为空格单元格个数。 方案:在A8单元格输入公式“=COUNTA(B2:D6)” 最终计算结果:14。...代表除了C5单元格外所有的单元格个数。 ? 2.COUNTBLANK函数 计算指定单元格区域中空白单元格个数。 案例:计算表格空白单元格个数。

3.9K50

你绝对不知道Excel选择性粘贴技巧

操作方法:复制任意一个空白单元格,选择数据区域,点击右键菜单中“选择性粘贴”。 在弹出对话框中,"运算"类型选择“加”,点击“确定”按钮,你会发现,所有文本型数字都已经被转换成真正数值了。...Top 5:保留格式粘贴 应用场景:超级实用,一定程度上可以代替格式刷,只粘贴格式,没有内容。...Top2:在图表中添加系列 应用场景:比如,我们已经根据以下数据做好了山东和广东销售数据图表,现在我们需要添加另外一个省份数据到图表中。...点击“确定”按钮,图表中就添加了这个数据系列。 Top 1:跳过空单元格,跨行粘贴 你绝对没用过功能,但是非常实用,这是选择性粘贴最牛逼黑科技,可以实现跨行粘贴!...应用场景:将复制数据,准确插入到粘贴区域空白处,粘贴区域既有数据又有空白单元格。 操作方法:使用选择性粘贴中【跳过空单元格】选项。

44020

最新Python大数据之Excel进阶

,可以对它进行删除/添加/修改位置等操作 •可以通过菜单操作,也可以通过鼠标拖动选择 除了饼图和圆环图外,其它标准图图表一般至少有两个坐标轴 新创建图表默认没有坐标轴标题,添加坐标轴标题可以使坐标轴意义更加明确...•选择图表设计标签,选择添加图表元素标签—>数据标签—>最佳匹配,可以自动适配数据标签。...如果数据是按月份/品类/规格放在不同工作表,将先将不同工作表合并到同一张表中再建立数据透视表 数据必须是一维表格,不是二维表 数据透视表原始数据应该是一维表格,即表第一行是字段名,下面是字段对应数据...如数据缺失,或为“0”值,建议输入“0”而非空白单元格。 如下图所示,表第一行为空白,会导致透视表字段出错,表中间有空行,会导致透视表中有空值。...表中不要有合并单元格 数据透视表原始表格中不要有合并单元格存在,否则容易导致透视分析错误 填充合并单元格办法:取消合并单元格 ->选中要填充单元格 ->输入公式->按Ctrl+Enter键重复操作

21850

常用表格检测识别方法——表格结构识别方法(上)

Rahgozar等人 (1994)则根据行列来进行表格结构识别,其先 识别出图片中文本块,然后按照文本块位置以及两个单元格中间空白区域做行聚类和列聚类,之后通过行和列交叉得到每个单元格位...Hirayama等人(1995)则从表格线出发,通过平行、垂直等几何分析得到表格行和列,并使用动态规划匹配方法对各个内容块进 行逻辑关系识别,来恢复表格结构。...Zuyev(1997) 使用视觉特征进行表格识别,使用行线和列线以及空白区域进行单元格分割。该算法已经应用到FineReader OCR产品之中。...E Koci使用基于遗传技术进行图划分,以识别与电子表中表格匹配部分。SA Siddiqui将结构识别问题描述为语义分割问题。为了分割行和列,作者采用了完全卷积网络。...它们表格结构识别器可以准确地识别具有显著空白区域表格和几何变形(甚至是弯曲表格,因为spatial CNN模块可以有效地向整个表图片传输上下文信息。

1.2K30

JimuReport积木报表 v1.6.0版本发布—免费可视化报表

如何注释打印台数据 #1876sql注入问题 #1679人民币金额转大写时候;如果后缀金额为.78,转成大写为柒角柒分;以及.68,分也会转成七 #1673选择单元格边框线粗细时出现乱码 #1483报表插入本地图片时图片上传请求头未带...token #1674在接入token认证后,设计报表点击插入图片时并没有像其他接口一样带上token #1709日期控件 #1871sqlserver数据源 数据中无法使用order by #1837sql...单元格二维码打印页崩溃BUG #1799打印设计,插入二维码或者插入图片后,打印时会多出一张空白页 #1737导入图片,打印出现空白页问题 #1662浏览器打印总会多一页空白页 #1596html打印带二维码模板...,二维码会占据一整页,把内容挤到下一页 #1572单元格斜线打印问题 #1518表格二维码,胡乱分页bug #1519表格二维码打印时会独占一页,导致分页错乱 #1534html打印带二维码模板,...二维码会占据一整页,把内容挤到下一页 #1572表格二维码打印时会独占一页,导致分页错乱 #1534表格二维码,胡乱分页bug #1519单元格斜线打印问题 #1518数据集二维码循环展示,打印出现分页

34030

2022年最新Python大数据之Excel基础

利用固定常量创建图表 •选中任意单元格,点击插入标签,选择合适类型图表 •此时会插入一个空白图表,我们选择图表,切换图表设计标签,点击选择数据图标。...,可以对它进行删除/添加/修改位置等操作 •可以通过菜单操作,也可以通过鼠标拖动选择 除了饼图和圆环图外,其它标准图图表一般至少有两个坐标轴 新创建图表默认没有坐标轴标题,添加坐标轴标题可以使坐标轴意义更加明确...•选择图表设计标签,选择添加图表元素标签—>数据标签—>最佳匹配,可以自动适配数据标签。...如果数据是按月份/品类/规格放在不同工作表,将先将不同工作表合并到同一张表中再建立数据透视表 数据必须是一维表格,不是二维表 数据透视表原始数据应该是一维表格,即表第一行是字段名,下面是字段对应数据...如数据缺失,或为“0”值,建议输入“0”而非空白单元格。 如下图所示,表第一行为空白,会导致透视表字段出错,表中间有空行,会导致透视表中有空值。

8.2K20
领券