精华内容
下载资源
问答
  • 如何EXCEL表格中随机提取数据 如何EXCEL表格中随机提取数据
  • 近日做了 个项目功能,就是通过表格列或者行选取表格数据来生成图表,不多说,上图 (这是最终效果,因为只是测试功能,所以就不美观啦) 大家可以这个基础上进行修改,可以改成更好的 css部分::: &...

    近日做了 个项目功能,就是通过表格列或者行选取表格数据来生成图表,不多说,上图
    这里写图片描述

    (这是最终效果,因为只是测试功能,所以就不美观啦)

    大家可以在这个基础上进行修改,可以改成更好的

    css部分:::

    	<style type="text/css">
    		.echarts_div {
    			width: 900px;
    			height: 400px;
    			border: 1px solid #ccc;
    			margin: 0 auto;
    		}
    		
    		.table {
    			border: 1px solid #ccc;
     			margin: 0 auto;
    			margin-top: 10px;
    		}
    		.tables{
    			width: 900px;
    			margin: 0 auto;
    			height: auto;
    			margin-top: 20px;
    		}
    		.table1{
    			width: 900px; margin:0px; padding:0px;
    		}
    		.table1 th{
    			border:1px #ddd solid;
    		}
    		.table1 td{
    			border:1px #ddd solid; text-align:center;
    		}
    </style>
    

    html部分:::

    <div id="box_echarts" class="echarts_div"></div>
    		<div class="tables">
    		<table id="table_ec" class="table1 table">
    			<thead>
    				<tr>
    					<th>指标</th>
                        <th></th>
    					<th>2013</th>
    					<th>2014</th>
    					<th>2015</th>
    					<th>2016</th>
    				</tr>
    				<tbody id="table_tbody">
    				<tr>
    					<th> </th>
    					<th> </th>
    					<th><input class="input_col"  type="checkbox" /></th>
                        <th><input class="input_col"  type="checkbox" /></th>
    					<th><input class="input_col"  type="checkbox" /></th>
    					<th><input class="input_col" type="checkbox" /></th>
    				</tr>
    
    				<tr>
    					<td>标题1</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>310</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题2</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>311</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题3</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>312</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题4</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>313</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题5</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>314</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题6</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>315</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题7</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>316</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				<tr>
    					<td>标题8</td>
    					<td><input type="checkbox" class="input_row" checked/></td>
    					<td>317</td>
    					<td>324</td>
    					<td>435</td>
    					<td>422</td>
    				</tr>
    				</tbody>
    		</table>
    		</div>
    		
    

    js部分(引jq库和echarts图表库我就不贴了)
    这段代码是用来获取表格内的数据

    
    var TableData_ColName = [];
    var TableData_RowName = [];
    var TableData_All = [];
    var TableData_AllIndex = 0;
     
    $("input[type='checkbox']").on("click",function(){
    	GetData();			   
    });
    $(".input_col").eq(0).click()
    	GetData();	
    function GetData(){
    	TableData_ColName = [];
    	TableData_RowName = [];
    	
    	TableData_All = [];
    	TableData_AllIndex = 0;
    	
    	//获取年
    	$(".input_col").each(function(index, item) {
    		if( $(item).is(":checked") ){
    			var col_val = $("#table_ec").find("tr").eq(0).find("th").eq(index+2).html();
    			 
    			TableData_ColName.push( col_val );
    		}
    	});
    	console.log(TableData_ColName);
    	//获取name
    	$(".input_row").each(function(index, item) {
    		if( $(item).is(":checked") ){
    			var row_val = $("#table_ec").find("tr").eq(index+2).find("td").eq(0).html();
    			TableData_RowName.push( row_val );
    		}
    	});
    	console.log(TableData_RowName);
     
    	$(".input_row").each(function(index, item) {
    		var rowIndex = index;
    		
    		if( $(item).is(":checked") ){
    			
    			TableData_All[ TableData_AllIndex ] = new Array(); 
    			
    			$(".input_col").each(function(index, item) {
    				if( $(item).is(":checked") ){								  
    					var colIndex = index;
    					var col_th = $("#table_ec").find("tr").eq(0).find("th").eq(index+2).html();
    					var col_val = $("#table_ec").find("tr").eq(rowIndex+2).find("td").eq(colIndex+2).html();
    					//console.log("col_th:"+col_th+",col_val:" + col_val)	
    					TableData_All[TableData_AllIndex].push( col_val );
    				}
    			});
    			 
    			TableData_AllIndex++;
    		}
    		
    		
    	});
    	 
    	echarts_table(TableData_ColName,TableData_RowName,TableData_All)
    

    图表代码 ,此处我就把处理数据那块贴上
    这里写图片描述

    这些数据都写到对应的位置 图上没有贴图表数据入口,大家自己别忘记了。

    如果有更好的思路修改这个代码,或者想要这个demo,私信我,别忘记关注哦
    免费下载
    新浪微博: https://weibo.com/yangsl520

    展开全文
  • 超级表格实现了多人协作的在线操作,让一张表格通过互联网可以多人共同完成。共享表格时,我们不必共享所有数据……

    共享表格

    超级表格 微视频
    关键词 :共享部分数据,而不是整张表格



    「超级表格微视频」第二期

    提升效率、 增强免疫力,尽在超级表格微视频!

    class="video_iframe" data-vidtype="1" height="502.5" width="670" frameborder="0" data-src="https://v.qq.com/iframe/preview.html?vid=y032811sy2g&width=500&height=375&auto=0" allowfullscreen="" src="http://v.qq.com/iframe/player.html?vid=y032811sy2g&width=670&height=502.5&auto=0" scrolling="no" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; display: block; z-index: 1; width: 670px !important; height: 502.5px !important; overflow: hidden;">

    请关注每周的公众号更新,3分钟让您玩转超级表格!


    如何仅共享部分数据?
    搜索


    1、我们首先从「全部数据」中选取「部分数据」


    用过Excel的朋友都知道,如果要发给一个人部分的数据,必须新建一张表格才能解决。而超级表格让用户在不用新建表格的情况下,就能够从原有的全部数据中抓取到部分数据。

    我们把部分数据称之为该表格的「视图」

    在建好的数据表格中,点击「视图」→「新建普通视图」


    选择视图中的列与行

    我们通过对数据中列与行的选择,来选取部分数据作为视图。    


    ①第一步选列 ②第二步选行 ③第三部就可以设置分组与排序


    2、我们如何在共享表格时,仅共享设置的视图

    共享表格。点击「分享协作」→「共享表格」


    设置数据范围。在「设置数据范围」那个维度中选择「指定视图」,然后仅勾选我们刚才新建的视图,进行共享。


    点击确认后,视图共享成功 O(∩_∩)O~~这样我们就完成了部分数据的共享!

    欢迎在下面的评论区留言哟!~~100%上榜,与我们一起交流吧~!



    收集与整理信息,一张超级表格搞定!

    多人协作的在线表格 优美的企业办公软件

    关注超级表格公众号:超级表格

    关注超级表格微博:超级表格-官博



    展开全文
  • 问题:layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示,不可选的功能。 layui内置没有该功能,所以只能自己实现。 使用templet实现 table.render({ elem: '#junTable', url: '', cols: ...

    问题:在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示,不可选的功能。
    layui内置没有该功能,所以只能自己实现。

    使用templet实现

    table.render({
        elem: '#junTable',
        url: '',
        cols: [[
            {
                templet: "#checkbd",
                title: "<input type='checkbox' name='siam_all' title='' lay-skin='primary' lay-filter='siam_all'> ",
                width: 60,
            }
            , {
                field: 'z_id',
                title: 'id'
            }
        ]],
        page: true,
        limit: 10
    });
    <script type="text/html" id="checkbd">
        {{#  if (d.can_fabu === 1){ }}// 这里是判断要不要显示的条件
        <input type="checkbox" name="siam_one" title="" lay-skin="primary" data-id = "{{ d.z_id }}">
        {{#  } }}
    </script>
    <style>
        .laytable-cell-checkbox .layui-disabled.layui-form-checked i {
            background: #fff !important;
        }
    </style>
    

    到这里就可以部分数据不显示复选框了,但是全选功能和获取id的功能还是不正常

    全选功能

    form.on("checkbox(siam_all)", function () {
        var status = $(this).prop("checked");
        $.each($("input[name=siam_one]"), function (i, value) {
            $(this).prop("checked", status);
        });
        form.render();
    });
    

    获取选中数据

    var ids = [];
    $.each($("input[name=siam_one]:checked"), function (i, value) {
        ids[i] = $(this).attr("data-id");  // 如果需要获取其他的值 需要在模板中把值放到属性中 然后这里就可以拿到了
    });
    

    使用done函数禁用 这是网上的做法,但是有瑕疵,全选不可用,并且不可选状态和可选状态的复选框样式很接近,建议重写不可选的样式
    (参考上面的)

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title>layui</title>
            <meta name="renderer" content="webkit" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
            <link rel="stylesheet" href="https://res.layui.com/layui/dist/css/layui.css" media="all" />
            <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
        </head>
    
        <body>
            <div style="margin-bottom: 5px;">
                <div id="table-main">
    <span class="layui-btn" id="getselect">获取选中行</span>
    
                    <table class="layui-table" id="idTest" lay-filter="demo"></table>
                </div>
                <script type="text/html" id="barDemo">
                    < a class = "layui-btn layui-btn-primary layui-btn-mini"
                    lay - event = "detail" > 查看 < /a>
                </script>
                <script src="https://res.layui.com/layui/dist/layui.all.js" charset="utf-8"></script>
                <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
                <script>
                    layui.use(['table', 'jquery', 'form', 'layer'], function() {
                        var table = layui.table;
                        var $ = layui.jquery;
                        var form = layui.form;
                        var layer = layui.layer;
                        var tableIns = table.render({ //其它参数在此省略
                            elem: '#idTest',
                            id: 'idTest',
                            url: 'https://www.layui.com/demo/table/user/', // 注意:如果你直接复制所有代码到本地,数据请求需要本地返回数据
                            cols: [
                                [{
                                        checkbox: true,
                                        fixed: true
                                    },
                                    {
                                        field: 'id',
                                        width: 80,
                                        sort: true,
                                        fixed: true,
                                        title: 'ID'
                                    },
                                    {
                                        fixed: 'right',
                                        width: 160,
                                        align: 'center',
                                        toolbar: '#barDemo'
                                    }
                                ]
                            ],
                            where: {}, //如果无需传递额外参数,可不加该参数
                            limits: [10, 15, 20, 40, 60, 80],
                            limit: 10,
                            page: true, //开启分页
                            done: function(res, curr, count) {
                                var data = res.data;
                                var allck = true;
                                for (var item in data) {
                                    if (data[item].score == 57) { //关键点如果data中score包含57那么就不能全选
                                        allck = false;
                                    }
                                    break;
                                }
                                if (!allck) {
                                    $(".layui-table-header").find("input[name = 'layTableCheckbox'][lay-filter='layTableAllChoose']").each(function() {
                                        $(this).attr("disabled", 'disabled').next().removeClass("layui-form-checked");
                                        form.render('checkbox');
                                    });
                                }
                                var i = 0;
                                $(".layui-table-body.layui-table-main").find("input[name='layTableCheckbox']").each(function() {
                                    if (res.data[i].score == 57) { //关键点如果当前行数据中score包含57那么就不可选
                                        $(this).attr("disabled", 'disabled').removeAttr("checked");
                                        form.render('checkbox');
                                    }
                                    i++;
                                });
                                i = 0;
                                $(".layui-table-fixed.layui-table-fixed-l").find(".layui-table-body").find("input[name='layTableCheckbox']").each(function() {
                                    if (res.data[i].score == 57) { //关键点如果当前行数据中score包含57那么就不可选
                                        $(this).attr("disabled", 'disabled').removeAttr("checked");
                                        form.render('checkbox');
                                    }
                                    i++;
                                });
                            }
                        });
                        //监听表格复选框选择
                        table.on('checkbox(demo)', function(obj) {
                            console.log(obj)
                        });
                        $("#getselect").click(function() {
                            var checkStatus = table.checkStatus('idTest'); //test即为基础参数id对应的值
                            layer.alert(JSON.stringify(checkStatus.data));
                        });
                    });
                </script>
            </div>
        </body>
    </html>
    
    展开全文
  • 有时候我们需要选定Excel表格中的特定内容,如选择特定行或列,不同一行或列选择特定单元格,再或者选择所有含有数据的单元格,说了这么多估计把您说晕了,下面我们就上述情况分别予以解释,并配上相关截图,相信...

    如何快速选择Excel表格特定内容?有时候我们需要选定Excel表格中的特定内容,如选择特定行或列,不在同一行或列选择特定单元格,再或者选择所有含有数据的单元格,说了这么多估计把您说晕了,下面我们就上述情况分别予以解释,并配上相关截图,相信您看过之后,就会非常清楚了!只是针对新手朋友,高手不要见笑,小编也只是爱折腾而已!我们虽然使用Excel为大家演示,下述方法适用于Excel所有版本!

    一、全选所有单元格

    全选所有单元格的方法较简单,按下Ctrl+A是一种方法,我们还可以点击A1格的左上角那个没有任何内容的单元格,也可以实现整个Excel表格全选

    486c526c29979f4fac3a0910500af670.png

    二、全选所有含有数据的所有单元格

    先点击选中最左上角单元格,然后按住Shift键,再单击含有数据的最右下角单元格,即可选中所有好友数据的所有单元格

    c874e44bafd4bd5750f4c0edecb666b0.png

    温馨提示:选中左上角第一个单元格后,按下Ctrl+Shift+End,也可以实现全选所有含有数据的所有单元格

    三、选择特定行或列

    选择特定的行或列,只需要在选择前,按下Ctrl键,然后将鼠标放在行或列的名称处,当鼠标变成是新向下箭头时,依次单击相应行或列名称即可

    bb875d2f6effc7976c90dcf1025490a2.png

    温馨提示:选择连续的行或列时,按下Shift键,让后依次单击开始行或列名称,然后再点击最后面的行或列名称即可实现!

    四、选择特定单元格

    方法同三,只不过需要针对相应单元格操作

    a3a1515938e192e4b3470f8b85d2eb3b.png

    如何快速全选Excel表格特定内容,您学会了吗?!

    展开全文
  • 大家工作会遇到一些需要使用excel表格中数据的情况,但是excel数据很难直接用编程,比如本人工作就需要使用保险公司提供的费率表来进行保费计算,需要把表格变成json格式,但是一些软件不能完全...
  • 1、制作Word模板文件、用替换表达式标记需要从Excel取值的部分,替换表达式为 ${页签号_行号_列号} 2、双击e2w.bat 运行程序 3、选择Excel数据文件、Word模板文件以及Word报告保存路径。 4、点击【生成Word报告...
  • 对于Excel,只有一部分内容是需要获取的数据时,可以使用matlab的导入数据功能。例如希望获取的信息是红框部分: 1.打开MATLAB到文件所在路径,双击xlsx文件。 2.如果数据都是数值类型,导入界面输出类型改成...
  • MATLAB读取excel表格中指定位置的数据

    万次阅读 2018-04-11 22:51:47
    help xlsreadxlsread - 读取 Microsoft Excel 电子表格文件 此 MATLAB函数读取名为 filename的Microsoft Excel电子表格工作表的第一张工作表,并一个矩阵返回数值数据。 num = xlsread(filename) num = ...
  • 工作,有时候会需要对两份内容相近的数据记录清单进行比对,需求不同,比对的的目标和要求也会有所不同。下面Office办公助手(www.officezhushou.com)的小编根据几个常见的应用环境介绍一下Excel表格中数据比对和...
  • 说明:用于从数据库中选取数据。结果被存储一个结果表,称为结果集。 格式: (1) 选择表格指定列的数据 SELECTcolumn_name,column_name FROMtable_name; (2)选择表格所有列的数据 SELECT * ...
  • 实际研究,我们经常需要获取大量数据,而这些数据很大一部分以pdf表格的形式呈现,如公司年报、发行上市公告等。面对如此多的数据表格,采用手工复制黏贴的方式显然并不可取。那么如何才能高效提取出pdf文件的...
  • MYSQL查询表格数据基本操作指南

    千次阅读 2018-06-02 22:42:44
    这篇博客旨在更详细简洁的介绍MYSQl查询数据的相关基本操作,包括单张表格查询数据、使用聚合函数查询数据、连接多个表格查询数据、子查询语句、合并查询语句以及表或字段别名操作。MYSQL表格基本处理操作参考本人...
  • JQuery Easy Ui dataGrid 数据表格

    千次阅读 2013-10-29 16:15:15
    数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法  继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据表格的...
  • this.tableModel = new DefaultTableModel(表格数据, 表格的列){ public boolean isCellEditable(int row, int column) { return false; } };...
  • 每次从示波器上采集的...例如:我只要读取表格sheet2A12:A20这一列的数据,即可使用如下代码: T =readmatrix('coil.xlsx','Sheet','Sheet2','Range','A12 :A20'); 'coil.xlsx’表示文件名;,‘Sheet’,‘Sheet2’
  • jQuery 实现批量提交表格多行数据

    万次阅读 2017-09-22 14:25:32
    批量提交用jquery操作起来还是很方便的,主要的思路就是 动态生成表格时每一行都存下这条数据的唯一id,然后监听选择,把选中的数据放入数组,最后提交到后台就OK了。 先上一部分代码(这是表头以及一个全选按钮)...
  • 一、 layui渲染出来的表格里面,如何将选中的多条数据对应地回填到后面的table表格里面呢。这个问题其实说难也不难,一个是采用layui渲染出来的表格,一个是自己写的表格,要把数据从前者放到后者有时却挺困扰人的...
  •  比如说第一个表格中读取左上角的数值,将其另一个表格中写入到右下角的这个位置。 这个需求matlab里可以很容易实现,但是python里搜了半天还是没有结论。希望大佬指导以下 ...
  • jQuery EasyUI DataGrid 数据表格

    万次阅读 2014-08-08 13:54:02
    数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法  继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据表格...
  • 我们通过对数据中列与行的选择,来选取部分数据作为视图。  ①第一步选列 ②第二步选行 ③第三部就可以设置分组与排序 2 我们如何共享表格时,仅共享设置的视图 共享表格 点击「分享协作」→「共享表格」 设置...
  • 本文从三篇表格识别领域的精选论文出发,深入分析了深度学习在表格识别任务的应用。 表格识别是文档分析与识别领域的一个重要分支,其具体目标是从表格中获取和访问数据及其它有效信息。众所周知,本质上表格是...
  • EXCEL里我们经常碰到一些表格需要对数据的分析,比如如图如何快速统计重复的次数?或者说如何快速统计报名人数或录取名数?话不多说直接上方法:方法一:函数法1,需要统计的单元格输入=countif(统计的范围,统计...
  • JQuery Easy Ui dataGrid 数据表格详解

    万次阅读 2014-11-20 21:43:25
    JQuery Easy Ui dataGrid 数据表格 转载自:http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html 谢谢博主 数据表格 - DataGrid 数据表格显示的数据表格的形式,并提供了丰富的选择,排序,分组...
  • bootstrap表格 之多选数据的获取

    千次阅读 2018-06-06 09:28:30
    我们做Bootstap的web项目的时候,多少肯定会遇到需要批量修改,或者批量删除的问题,如果遇到那就躲不开需要批量传入数据的ID,那么用Bootstrap怎样实现数据ID的批量传入控制器呢,下面我来给大家详解。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 28,005
精华内容 11,202
关键字:

在表格中选取部分数据