精华内容
下载资源
问答
  • 表格删除线

    2018-09-14 14:00:02
    一个删除表格整行,显示删除线的插件,支持动态添加和初始化。
  • 1.表格动态添加,也可删除 添加行数 保存 xss=removed> 书名> <e
  • 设置Word表格的边框线为无、删除Word表格的线条.docx
  • opencv:去除表格线

    千次阅读 2019-12-13 14:09:09
    # 腐蚀一次,去掉细节,如表格线等。注意这里去掉的是竖直的线 erosion = cv2.erode(dilation, element1, iterations = 1) # aim = cv2.morphologyEx(binary, cv2.MORPH_CLOSE,element1, 1 ) #此函数可实现闭运算和...

    C++版:

    void preProcessToEraseLine(cv::Mat input, cv::Mat& output)
    {
    	cv::Mat gray, binary, inv_img, horizonal_img, vertical_img, h_kernel, v_kernel, mask_img, no_border_img;
    	cv::cvtColor(input, gray, cv::COLOR_BGR2GRAY);
    	cv::threshold(gray, binary, 200, 255, 0);
    	inv_img = 255 - binary;
    	horizonal_img = inv_img;
    	vertical_img = inv_img;
    
    	cv::Mat h_img_erode, h_img_dilate;
    	h_kernel = cv::getStructuringElement(cv::MORPH_RECT, cv::Size(100, 1));
    	cv::erode(horizonal_img, h_img_erode, h_kernel);
    	cv::dilate(h_img_erode, h_img_dilate, h_kernel);
    
    	cv::Mat v_img_erode, v_img_dilate;
    	v_kernel = cv::getStructuringElement(cv::MORPH_RECT, cv::Size(1, 100));
    	cv::erode(vertical_img, v_img_erode, v_kernel);
    	cv::dilate(v_img_erode, v_img_dilate, v_kernel);
    
    	mask_img = h_img_dilate + v_img_dilate;
    	cv::bitwise_or(binary, mask_img, no_border_img);
    	cv::cvtColor(no_border_img, output, cv::COLOR_GRAY2RGB);
    	cv::imshow("no_border", output);
    	cv::waitKey(0);
    	cv::destroyAllWindows();
    }

    python版:

    # coding:utf8
    import numpy as np
    import cv2
    import sys
    import os
    import matplotlib.pyplot as plt
    from PIL import Image
    
    #Method 1:
    # 读取文件
    imagePath = os.getcwd()+"\\mytest.jpg"
    img = cv2.imread(imagePath)
    
    gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
    ret, binary = cv2.threshold(gray, 200, 255, 0)
    #assuming, b_w is the binary image
    inv = 255 - binary
    horizontal_img = inv
    vertical_img = inv
    
    kernel = cv2.getStructuringElement(cv2.MORPH_RECT, (100,1))
    horizontal_img = cv2.erode(horizontal_img, kernel, iterations=1)
    horizontal_img = cv2.dilate(horizontal_img, kernel, iterations=1)
    
    
    kernel = cv2.getStructuringElement(cv2.MORPH_RECT, (1,100))
    vertical_img = cv2.erode(vertical_img, kernel, iterations=1)
    vertical_img = cv2.dilate(vertical_img, kernel, iterations=1)
    
    mask_img = horizontal_img + vertical_img
    # no_border = np.bitwise_or(binary, mask_img)
    no_border = cv2.bitwise_or(binary, mask_img)
    cv2.imshow("no_border", no_border)
    
    
    '''
    #Method 2:
    imagePath = os.getcwd()+"\\mytest.jpg"
    img = cv2.imread(imagePath)
    
    gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
    ret, binary = cv2.threshold(gray, 127, 255, 0)
    gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
    ret, binary = cv2.threshold(gray, 127, 255, 0)
    contours,hierarchy = cv2.findContours(binary,cv2.RETR_TREE,cv2.CHAIN_APPROX_SIMPLE)
    #绘制独立轮廓,如第四个轮廓
    imag = cv2.drawContours(img,contours,-1,(0,255,0),3)
    #但是大多数时候,下面方法更有用
    #imag = cv2.drawContours(img,contours,3,(0,0,255),3)
    cv2.imshow("contour", imag)
    '''
    
    #Method 3:
    '''imagePath = os.getcwd()+"\\mytest.jpg"
    img = cv2.imread(imagePath)
    
    gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
    # 此步骤形态学变换的预处理,得到可以查找矩形的图片
    # 参数:输入矩阵、输出矩阵数据类型、设置1、0时差分方向为水平方向的核卷积,设置0、1为垂直方向,ksize:核的尺寸
    sobel = cv2.Sobel(gray, cv2.CV_8U, 0, 1, ksize = 3)
    # 二值化
    ret, binary = cv2.threshold(sobel, 0, 255, cv2.THRESH_OTSU+cv2.THRESH_BINARY)
    plt.imshow(binary,'gray')
    plt.show()
    
    # 设置膨胀和腐蚀操作的核函数
    element1 = cv2.getStructuringElement(cv2.MORPH_RECT, (30, 9))
    element2 = cv2.getStructuringElement(cv2.MORPH_RECT, (24, 6))
    
    # 膨胀一次,让轮廓突出
    dilation = cv2.dilate(binary, element2, iterations = 1)
    
    # 腐蚀一次,去掉细节,如表格线等。注意这里去掉的是竖直的线
    erosion = cv2.erode(dilation, element1, iterations = 1)
    
    # aim = cv2.morphologyEx(binary, cv2.MORPH_CLOSE,element1, 1 )   #此函数可实现闭运算和开运算
    # 以上膨胀+腐蚀称为闭运算,具有填充白色区域细小黑色空洞、连接近邻物体的作用
    
    # 再次膨胀,让轮廓明显一些
    dilation2 = cv2.dilate(erosion, element2, iterations = 3)
    
    
    # 显示一次闭运算后的效果
    plt.imshow(erosion,'gray')
    plt.show()
    
    # 显示连续膨胀3次后的效果
    plt.imshow(dilation2,'gray')
    plt.show()
    
    #  查找和筛选文字区域
    region = []
    #  查找轮廓
    contours, hierarchy = cv2.findContours(dilation2, cv2.RETR_TREE, cv2.CHAIN_APPROX_SIMPLE)
    # 利用以上函数可以得到多个轮廓区域,存在一个列表中。
    #  筛选那些面积小的
    for i in range(len(contours)):
        # 遍历所有轮廓
        # cnt是一个点集
        cnt = contours[i]
    
        # 计算该轮廓的面积
        area = cv2.contourArea(cnt)
    
        # 面积小的都筛选掉、这个1000可以按照效果自行设置
        if(area < 1000):
            continue
    
    #     # 将轮廓形状近似到另外一种由更少点组成的轮廓形状,新轮廓的点的数目由我们设定的准确度来决定
    #     # 轮廓近似,作用很小
    #     # 计算轮廓长度
    #     epsilon = 0.001 * cv2.arcLength(cnt, True)
    
    #     #
    # #     approx = cv2.approxPolyDP(cnt, epsilon, True)
    
        # 找到最小的矩形,该矩形可能有方向
        rect = cv2.minAreaRect(cnt)
        # 打印出各个矩形四个点的位置
        print ("rect is: ")
        print (rect)
    
        # box是四个点的坐标
        box = cv2.boxPoints(rect)
        box = np.int0(box)
    
        # 计算高和宽
        height = abs(box[0][1] - box[2][1])
        width = abs(box[0][0] - box[2][0])
    
        # 筛选那些太细的矩形,留下扁的
        if(height > width * 1.3):
            continue
    
        region.append(box)
    
    # 用绿线画出这些找到的轮廓
    for box in region:
        cv2.drawContours(img, [box], 0, (0, 255, 0), 2)
    
    
    plt.imshow(img,'brg')
    plt.show()
    
    # 弹窗显示
    cv2.namedWindow("img", cv2.WINDOW_NORMAL)
    cv2.imshow("img", img)
    '''
        # 带轮廓的图片
    cv2.waitKey(0)
    cv2.destroyAllWindows()
    

     

     

    展开全文
  • layui去除表格的竖线

    千次阅读 2020-12-13 17:20:29
    代码 table.render({ elem: '#user-table', url: '../../admin/data/table.json', page: true, cols: cols, skin: 'line', defaultToolbar: [{ layEvent... 渲染表格的方法中添加:skin: ‘line’ 在官网调试效果如下:

    代码

    table.render({
        elem: '#user-table',
        url: '../../admin/data/table.json',
        page: true,
        cols: cols,
        skin: 'line',
        defaultToolbar: [{
            layEvent: 'refresh',
            icon: 'layui-icon-refresh',
        }, 'filter', 'print', 'exports']
    });
    

    渲染表格的方法中添加:skin: ‘line’

    在官网调试效果如下:

    image-20201213171838182

    展开全文
  • 如何在word表格中添加删除线,划去不想要的部分? 一、在word的表格中不能直接添加删除线,只能先在excel表格中加上删除线,再复制到word表格中 二、excel表格中添加删除线: 右击选中需要去掉的部分-》设置...

    如何在word表格中添加删除线,划去不想要的部分?

     

    一、在word的表格中不能直接添加删除线,只能先在excel表格中加上删除线,再复制到word表格中

    二、excel表格中添加删除线:

    右击选中需要去掉的部分-》设置单元格格式-》字体-》勾上删除线即可

    展开全文
  • html表格去除网格线Previously I’ve shown HTML & CSS patterns for various kinds of tables, including designs with zebra stripes, rounded corners and scrolling data. Things get slightly more complex...

    html表格去除网格线

    Previously I’ve shown HTML & CSS patterns for various kinds of tables, including designs with zebra stripes, rounded corners and scrolling data. Things get slightly more complex when we turn to “data grids”: tables that feature headers for both column and row information.

    以前,我已经为各种显示了HTMLCSS模式,包括带有斑马条纹,圆角滚动数据的设计 。 当我们转向“数据网格”时,事情变得稍微复杂一些:表具有列和行信息的标题。

    For this example I’ll use technical specifications of the giant Jaeger fighting mechs in Guillermo del Toro’s Pacfic Rim because, well, why the heck not.

    在此示例中,我将使用吉列尔莫·德尔·托罗(Guillermo del Toro)的Pacfic Rim中巨型Jaeger战斗机的技术规格,因为,那么,为什么不这样做。

    A “data grid” table, as I define it, has headers for both rows and columns, with no visible cell in the top left corner. Like most challenges in web development, the key is employing the right markup, with tags that enhance accessibility:

    正如我定义的那样,“数据网格”表具有行和列的标题,左上角没有可见的单元格。 像网络开发中的大多数挑战一样,关键是采用正确的标记,并使用具有增强可访问性的标签:

    <table id="jaeger-specs">
    	<caption>Jaeger Technical Specifications</caption>
    	<thead>
    		<tr>
    			<th></th>
    			<th scope="col">Country
    			<th scope="col" >Height<span> (meters)</span> 
    			<th scope="col" >Weight (tonnes)</span>
    	</thead>
    	<tbody>
    		<tr>
    			<th scope="row">Gipsy Danger
    			<td>United States
    			<td>79
    			<td>1980
    		<tr>
    			<th scope="row" >Striker Eureka
    			<td>Australia
    			<td>76
    			<td>1850
    		<tr>
    			<th scope="row">Crimson Typhoon
    			<td>China
    			<td>76
    			<td>1722
    		<tr>
    			<th scope="row">Coyote Tango
    			<td>Japan
    			<td>86
    			<td>2312
    		<tr>
    			<th scope="row">Cherno Alpha
    			<td>Russia
    			<td>85
    			<td>2412
    	</tbody>
    </table>

    I am using scope to signify the role table header cells play – i.e. whether they are headers for rows or columns – together with HTML5 shortcuts. Note that despite the use of shortcuts the very first table header cell has a closing tag: this will prove important in applying the CSS to come.

    我正在使用scope来表示表头单元格所扮演的角色,即它们是行标题还是列头,以及HTML5快捷方式 。 请注意,尽管使用了快捷方式,但第一个表格标题单元格仍带有一个结束标记:这将在应用CSS时被证明很重要。

    The selectors I’m using in the stylesheet, which include :not and :empty, are deliberately advanced. It’s entirely possible to create this same table appearance using more traditional fare, such as classes, but my goal is to use the most efficient CSS code possible. A particular issue to avoid is doubling up of borders: you don’t want one cell wall in the table to appear thicker than the others due to a border on both it and a neighbouring element. To that end:

    我在样式表中使用的选择器(包括:not:empty )是有意改进的。 完全有可能使用更传统的方式(例如类)来创建相同的表格外观,但我的目标是使用尽可能高效的 CSS代码。 要避免的一个特殊问题是边框加倍:您不希望表中的一个单元格壁由于相邻单元格上都带有边框而显得比其他单元格更厚。 为此:

    #jaeger-specs {
    	border-collapse: collapse;
    	margin: 0 auto;
    }
    #jaeger-specs td,
    	#jaeger-specs th { 
    		text-align: center;
    		padding: 1rem;
    }
    #jaeger-specs th[scope] {
    	color: #fff;
    	background-color: #000;
    	font-weight: normal;
    }
    #jaeger-specs tbody { 
    	border: 1px solid #222;
    }
    #jaeger-specs tbody th,
    	#jaeger-specs tbody th + td { 
    		text-align: left;
    		font-weight: normal;
    }
    #jaeger-specs tbody th {
    	font-size: 1.4rem;
    	border-right: 1px solid #222;
    	background-size: cover;
    	font-family: Agency, sans-serif;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    }

    The central body of the table has a border all the way around it. The table header cells for the rows and those immediately adjacent to them are left-aligned, with a border between them. The content of all other cells is centered.

    桌子的中央始终围绕着边框。 行和紧邻行的表标题单元格左对齐,并在它们之间加边框。 所有其他单元格的内容都居中。

    #jaeger-specs tbody tr:nth-child(1) th {
    	background: url(gipsy-danger.jpg);
    }
    #jaeger-specs tbody tr:nth-child(2) th {
    	background: url(striker-eureka.jpg);
    }
    #jaeger-specs tbody tr:nth-child(3) th {
    	background: url(crimson-typhoon.jpg);
    }
    #jaeger-specs tbody tr:nth-child(4) th {
    	background: url(coyote-tango.jpg);
    }
    #jaeger-specs tbody tr:nth-child(5) th {
    	background: url(cherno-alpha.jpg);
    }

    Rather than identifying each row with a class or id, I’m simply counting where it is in the body of the table to apply an appropriate background image. This has the advantage of keeping markup light, but contains the drawback that changing the order of the rows will mean a small rewrite of the CSS.

    我没有用classid标识每一行,而是简单地计算它在表主体中的位置以应用适当的背景图像。 这具有保持标记较少的优点,但是具有缺点,即更改行的顺序将意味着对CSS的少量重写。

    #jaeger-specs tbody tr:not(:last-child) {
    	border-bottom: 1px solid #222;
    }

    Every row in the table except the last one has a border on its bottom edge.

    表格中最后一行 ,每一行的底边都有边框。

    #jaeger-specs thead th[scope] { 
    	border: 1px solid #222;
    	border-bottom: none;
    }

    Every table header cell with a scope attribute has a border on all sides, with the border on the bottom cancelled with a separate rule.

    每个具有scope属性的表标题单元格的所有边都有边框,底部的边框被单独的规则取消。

    #jaeger-specs tbody td:not(:last-child) {
    	border-right: 1px solid #222;
    }
    #jaeger-specs tbody td { 
    	background: hsl(195, 100%, 30%);
    	color: #fff;
    }

    All the data cells in the table have a background color specified in HSL. Every cell, with the exception of the last in each row, has a border on its right side.

    表中的所有数据单元格均具有HSL中指定的背景色。 除了每行的最后一个单元格外,每个单元格的右侧都有边框。

    That’s a data grid, probably the most complex table most web designers will encounter in day-to-day development. It’s by no means the last thing we can do with tables, as you’ll see in articles to come.

    那是一个数据网格,可能是大多数Web设计人员在日常开发中会遇到的最复杂的表。 正如您将在以后的文章中看到的那样,这绝不是表可以做的最后一件事。

    翻译自: https://thenewcode.com/710/HTML-Table-Patterns-Data-Grids

    html表格去除网格线

    展开全文
  • 渲染数据后最后一排表格内多了一条线![图片说明](https://img-ask.csdn.net/upload/201910/31/1572497545_641211.png)
  • js动态给table表格的行添加删除线

    千次阅读 2018-08-04 18:26:41
    而不是在每个tr单元格添加css属性text-decoration,因为删除线要连续不间断。 利用添加一个设置属性了的div去实现 jsp代码: &lt;%@ page language="java" pageEncoding="UTF-8"%&gt...
  • 优点:完美实现了多表格-多线需求。   最终效果和完整代码:   <!DOCTYPE html> <title>tr线版本 .otoc-table-trHasLine tbody{ position: relative;} .div-tr-line{ z...
  • Excel2LaTeX表格竖线截断问题解决

    千次阅读 2021-01-08 20:35:12
    LaTeX的表格处理一直是件让人头疼的事情,很多人推荐Excel2LaTeX,能够很快捷的将表格转换为代码,然而在使用过程中会发现竖线截断问题,非常不美观 excel表格内容 原始代码: % Table generated by Excel2LaTeX ...
  • element 去掉表格底部白线

    千次阅读 2020-04-17 09:44:09
    使用elementui 的表格,底部会出现一条白线,想要取消,可以在表格的伪类里面修改 代码如下 .el-table::before { height: 0px; }
  • 备注gfm 插件支持 。 重要的! 这个插件是在加注的新的解析器发( ,见 )。 当您还在备注12上时,请使用gfm选项进行备注。 使用此插件可用于备注13+。 安装 ...npm install remark-gfm ...假设我们有以下文件example.md...
  • 关键点:先合并可合并的单元格要将定义的style样式放在td(单元格)中,不能放在tr(行)中否则表格线不能完全隐去(需要显示表格线的可将style样式放在tr中) 一、head中的部份样式示例(可根据左右上下边框的需要...
  • 今天在调bootstrap样式中的表格样式时发现怎样调整表格样式都不行,在js中jsp页面中都调节不动,其中最关键的是要调节bootstrap中的样式问题如图所示:可以发现每个表格tr之间都有一条不明显的横线,要去掉他。...
  • 一个用CSS设置table表格的双边框的...话不说,直接代码! table { width: 400px;//表格的宽度 border-top: 1px solid #999; border-left: 1px solid #999; border-spacing: 0;/*把单元格间隙设置为0*/ } ...
  • 如何快速将线下表格数据线上化

    千次阅读 2018-11-06 11:52:00
    在传统企业中,存在太的线下 Excel 数据处理以及汇总的工作,...Tabledit :针对普通表格,快速实现编辑及删除的工作; Bootstrap-Table:相对定制化的一个 Bootstrap 线上表格框架,其功能较全面; Datatables:...
  • 首先,我们需要先利用table标签创建一个表格。 &lt;table&gt; &lt;caption&gt;Itinerary&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;When&lt;...
  • 表格单元格间距样式 border:1px solid #0F0; } tr{border:1px solid #0F0;} td{ border:0px;} " 200 " > <td>  <td>  <td>  <td>  <td>  <td>  ...
  • IOS 开发之UITableView 删除表格单元写法 实现代码: - (void)tableView:(UITableView *)aTableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath ...
  • 写论文时 三线表需要辅助线 辅助线需要断开 表格 论文 画表格时候 三线表需要辅助线 辅助线断开的方法 如下面这种表格 画笔白色 粗一些6磅边框 再用边框刷画
  • 修改之前,表格看上去比较拥挤,因为bootstrap table插件中自带斑马线表格样式,有横线和竖线分栏,现在我们不需要这些。 图片.png 应UI设计的要求,要去掉中间的横线和竖线,使用了修改需求中一种简单粗暴的...
  • 表格如何去除边框以及分割线

    千次阅读 2017-04-25 16:31:21
    只显示上边框 只显示下边框 只显示左、右边框 ... 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔
  • this->setWindowFlags(Qt::FramelessWindowHint); /* 去除标题栏 */ ui->tableWidget->setShowGrid(false); /* 去除QTableWidget组件中的线 */ 效果:
  • •斑马线条纹 •带边框 •单元格样式 •列宽拖动 •流体高度 •固定表头 •固定列 •固定表头和列 •表头分组 •序号 •单选 •多选 •排序 •筛选 •合并行或列 •表尾合计 •导出 CSV •显示/隐藏列 •加载中 •...
  • el-table表格最下面的边框线删除

    千次阅读 2019-12-16 14:02:39
    . el-table__row>td { border: none; } .el-table::before { height: 0px; }
  • /deep/.el-table { // width: 100%; box-sizing: border-box; &::before{ height: 0px; } } .el-table--border::after, .el-table--group::after{ width: 0px;... ```
  • jqGrid绘制表格

    2014-07-08 16:26:48
    实现行的合并 添加行 删除行 添加日期等功能
  • 看代码 前端代码为 <... // 设置表格背景色,字体颜色以及字体大小 <el-table :header-cell-style="{backgroundColor:'transparent',color:'#ffffff',fontSize:'15px',textAlign:'center'}
  • markdown写法-删除线、强调

    万次阅读 2019-04-04 15:49:09
    markdown写法 -删除线、强调 总结了一些常用的markdown的写法如下: 删除线这是~~删除线~~ 这是删除线 分隔线*** --- ___ 强调 斜体 这是*斜体* 这是斜体 加粗 这是**加粗** 这是加粗 引用 删除线 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 62,419
精华内容 24,967
关键字:

做表格多出来的线怎么删除