精华内容
下载资源
问答
  • HBASE族不能太多的真相

    千次阅读 2016-03-17 20:57:12
    HBASE族不能太多的真相
    1,一个Table可以有多个Region,他们可以在一个相同的RegionServer上,也可以分布在不同的RegionServer上。,

    2,一个Region由多个Store构成,每个Store对应了一个Table在这个Region中的一个Column Family,即每个Column Family就是一个集中的存储单元,因而最好将具有相近IO特性的Column存储在一个Column Family,以实现高效读取(数据局部性原理,可以提高缓存的命中率)。

    3,Store是HBase中存储的核心,它实现了读写HDFS功能,一个Store由一个MemStore 和0个或多个StoreFile组成。





    进行split的条件:该regiion下所有的storeFile中最大的storeFile大小超过阀值即进行spliet
    在文件层次上,不同的列族,存储在不同的文件中。但是不同的列族,可能会共享一个region。



    /hbase/zz/3917ebd872c0adcb9d6c5a9cfd30b87f/a

    /hbase/zz/3917ebd872c0adcb9d6c5a9cfd30b87f/a/9210131397650425238
    /hbase/zz/3917ebd872c0adcb9d6c5a9cfd30b87f/b
    /hbase/zz/3917ebd872c0adcb9d6c5a9cfd30b87f/b/7083844554431109536

    如上所示:两个不同的列族,共享了同一个region(3917ebd872c0adcb9d6c5a9cfd30b87f)。

    由于不同的列族会共享region,所以有可能出现,一个列族已经有1000万行,而另外一个才100行。当一个要求region分割的时候,会导致100行的列会同样分布到多个region中。
    这样就出现了基数问题。如果表存在多个列族,列族A有100万行,列族B有10亿行,那么列族A可能会被分散到很多个Region上,这会导致扫描列族A的性能低下


    (某个column family在flush的时候,它邻近的column family也会因关联效应被触发flush,最终导致系统产生更多的I/O)
    所以,一般建议不要设置多个列族。


    展开全文
  • easyui datagrid 数据太多显示不完

    千次阅读 2018-07-25 22:17:42
    当某一的数据太多,在单元格中无法全部显示时,可以采用如下方式: { field : 'cust_telphone', title : '联系电话', width : '10%', }, { field : 'cust_product', title : '关注产品', width : '20%', ...

    当某一列的数据太多,在单元格中无法全部显示时,可以采用如下方式:

    {
        field : 'cust_telphone',
        title : '联系电话',
        width : '10%',
    }, {
        field : 'cust_product',
        title : '关注产品',
        width : '20%',
        formatter: function(value,row,index){
            return '<span title='+value+'>'+value+'</span>';
        }
    }

    效果就是:当鼠标移到这一列上时,以弹窗的方式显示全部。

    展开全文
  • 项目中3个页面的表格使用到了 bootstrap-table 冻结的功能 其中,某个表格要实现如下图所示的功能:正常表头的某些单元格需要将字体加粗并且将字体颜色变为红色 功能实现了是没错,但是当使用 Ctrl + ...

    Write By Monkeyfly

    以下内容均为原创,如需转载请注明出处。

    前提

    • 项目中有3个页面的表格使用到了 bootstrap-table 冻结列的功能
    • 其中,某个表格要实现如下图所示的功能:正常列表头的某些单元格需要将字体加粗并且将字体颜色变为红色

    在这里插入图片描述

    • 功能实现了是没错,但是当使用 Ctrl + +(加号) 对浏览器页面进行缩放时,发生了特别诡异的现象不但字体颜色消失了,而且冻结列发生了及其严重的错位现象,并且这种错位是不可逆的。也就是说,一旦错位产生就只能通过重新刷新页面才能恢复正常。【很奇怪的现象】
    • F12打开浏览器的控制台,在Elements选项卡那一栏中发现:当对页面进行缩放时,表格就会自动创建一层冻结列。如果不停的对页面进行缩放,表格就会生成很多层冻结列。因为冻结列本来就是漂在正常列的上一层,如果多层冻结列叠加显示,就会产生很多视觉和功能上的问题,很是令人头疼。
    • 经过测试发现,有两个页面的表格冻结列都出现了同一个问题:当页面加载以后,表格就会进行初始化,初始化成功后,按F12打开浏览器的控制台,你会惊奇的看到,居然生成了多个冻结表头( $(".fixed-table-header-columns") )和冻结表格主体( $(".fixed-table-body-columns") )【如下图所示】

    在这里插入图片描述

    • 通过查看 bootstrap-table-fixed-columns.js源码和bootstrap-tableHTML结构可以知道:冻结列是通过在 正常的table 前新增一个div表格,并且这个div表格是置于正常table对应的div之上来实现的。
    • 正常情况下,开启 bootstrap-table 的冻结列功能,只会出现一个冻结表头和冻结表格主体。【如下图所示】

    在这里插入图片描述

    • 那到底是什么原因造成的呢?【说实话,这个问题在项目一开始就已经被我发现了,但由于我刚开始接触 bootstrap-table ,对它的实现原理不了解也不熟悉,再加上当时这个问题的存在对功能也没有什么影响,所以问题就一直存在着,没有被解决。直到最后项目结项时,测试测出的bug要求必须解决,这才又重新回过头来寻找问题的根源。】
    • 当我最近再次查看这个问题的时候,依然不知所措。平时遇到不会或者无法解决的问题,直接百度就可以找到答案或解决方法,毕竟有前车之鉴,解决起来还不算特别困难。但是这次,对于我目前要解决的这个问题,在网上并没有搜索到答案。可能是没有人遇到过类似的问题吧。

    分析问题

    • 由于我只负责协助后台调前端的样式和功能,所以后台开发人员在遇到阻力时才会找我帮助解决问题。在平时的开发过程中,前端代码他们自己可以胜任一些。
    • 为了找到问题的根源所在,我使用了四种方法,分别是:
      1. 百度搜索 【未果】
      2. 控制台自行打断点调试 bootstrap-table 生成冻结列部分的源码(bootstrap-table-fixed-columns.js) 。虽然不能完全看懂,但是我依然在关键位置给每一行代码都打上了断点。 【花费了很长时间一行行看代码,依然未果】
      3. 查看 bootstrap-table 创建表格的源码 (bootstrap-table.js )并且打断点调试,看看会不会有什么新的发现。 【结果并没有】
      4. 比对正常页面和非正常页面初始化Bootstrap Table 的 部分js 代码。【写法一致,没什么差异,后台说就是一套复制粘贴过去的】

    虽然我不知道 生成多层冻结列 的具体原因是什么,但我经过一下午的代码调试,也是有所发现的。

    疑问:为何会生成生成多层冻结列呢?
    肯定是将冻结表头和冻结表格主体进行了多次初始化。

    主要看了bootstrap-table-fixed-columns.js中的这些地方:

    BootstrapTable.prototype.initHeader = function () {}
    BootstrapTable.prototype.initBody  = function () {}
    BootstrapTable.prototype.resetView = function () {}
    

    因为试了很多方法都没有作用,而且中途也花费了不少时间和精力。实在是心有余而力不足,随后我就放弃了。

    万万没想到

    • 第二天在调整正常表格冻结列的那个页面HTML结构时,被我发现了异常。
    • 虽然听本人说是全套复制粘贴过去的,但在复制粘贴过程中,还是出现了纰漏。
    • 因为之前将重心都放在了比对js代码上,而忽略了HTML结构。万万没想到,居然是HTML结构出的问题。

    这个问题就涉及到了 Bootstrap Table是如何使用的

    当我们在HTML页面中引入Bootstrap Table所需要的jscss文件之后,我们最重要的就是:要定义好一个空的表格并给一个id,然后使用其自带的语法来创建一个Bootstrap Table

    //非常简单
    <table id="exampleTable"></table>
    

    注意:

    • 当然 Bootstrap Table 还提供了一种简洁的用法,直接在table标签里面定义类似“data-...”等相关属性,就不需要在js里面进行注册了。
    • 这种用法虽然简单,但不太灵活。所以还是统一使用在js里面初始化的方式来使用table组件。

    但是,正常的表格冻结列页面中可不是这么写的:发现里面有一行代码被注释掉了

    //写法如下:
    <table id="exampleTable"></table>
    //<table id="exampleTable" data-mobile-responsive="true"></table>
    

    我在问及为什么有一行代码被注释掉了,他本人给的说法是:最开始就是那样写的,也不知道后来怎么注释的。

    这下恍然大悟,原来就是因为 设置了 data-mobile-responsive 属性 才导致冻结列出现了不该有的问题。

    于是我把注释掉的代码重新打开,将上面那一行注释掉,结果可想而知:表格中确实出现了多层冻结列。
    为了记住这个坑,我就把data-mobile-responsive="true"改为了data-mobile-responsive="false"【现在,问题终于解决了。】

    随后,我在当前页面所引入的js代码中发现:在引入Bootstrap Table的相关jscss 文件时,里面多引入了一个js文件。即:【可能是为了适配移动端才引入的,但是在这里完全没有必要加,直接去掉就好了】

    <script src="/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    

    结束语

    至此,问题就完美解决了。

    展开全文
  • 假设一共三,最后一数据过长,然后我没有对最后一设置宽度,应该默认是自适应吗? 还有setStretchLastSection (false); 这个函数是??? 请问怎么设置滚动条,最后一行数据长显示不完,直接就在末尾“......
  • 效果如下图所示。 最左边的四,以及最后一为固定。...中间列为table2,右边四列为table3. <div style="width:17%;float:left;clear:both;"> <table id="table1" width="100%"></table...

    效果如下图所示。

     最左边的四列,以及最后一列为固定列。中间的为滚动列。

    具体实现思路:

    创建三个表格。

    左边四列为table1;中间多列为table2,右边四列为table3.

    <div style="width:17%;float:left;clear:both;">

    <table id="table1"  width="100%"></table>

    </div>

    <div style="width:74%;float:left;overflow-x:scroll;"> //需要横向滚动条,设置overflow-x:scroll

    <table id="table2"  width="150%"></table> //滚动范围,设置宽度为150%(酌情修改)

    </div>

     <div style="width:8%;float:left;">

     <table id="table3"  width="100%"></table>

     </div>

     

    这样设计过后,基本实现三分格局,但是由于内容填充,可能会出现行不等高问题。此时,需要在页面加载完成后,执行如下代码:

      var arr1=[];
      var arr2=[];
      var arr3=[];
      $("#table1 tr").each(function(e){
          arr1[e]=$(this).height();
      });
      $("#table2 tr").each(function(e){
          arr2[e]=$(this).height();
      });
      $("#table3 tr").each(function(e){
          arr3[e]=$(this).height();
      });
      for(var i=0;i<arr1.length;i++){
          if(arr1[i]>=arr2[i]){
              $("#table2 tr:eq("+i+")").css("height",arr1[i]);
          }else{
              $("#table1 tr:eq("+i+")").css("height",arr2[i]);
          }
          if(arr1[i]>=arr3[i]){
              $("#table3 tr:eq("+i+")").css("height",arr1[i]);
          }else{
              $("#table1 tr:eq("+i+")").css("height",arr3[i]);
              $("#table2 tr:eq("+i+")").css("height",arr3[i]);
          }
      }

    缺点,扩展和通用性不佳,但是基本需求可以达到。
     

    展开全文
  • hbase族作用 HBASE族不能太多的原因 来源: 昆山拓天信息网责任编辑:小sHRegionServer内部管理了一系列HRegion对象,每个HRegion对 应了table中的一个region,HRegion中由多 个HStore组成。每个HStore对应了...
  • 中间列为table2,右边四列为table3. &lt;div style="width:17%;float:left;clear:both;"&gt; &lt;table id="table1" width="100%"&gt;&lt;/tab...
  • HTML的table表格的数如果太多或者某一的内容太长,就会导致表格td的内容被挤压变形,对后台的使用体验非常不友好。比如下面的情况: 那么如何在表格数较多的情况下添加横向滚动条?其实很简单,只需要给...
  • [img=https://img-bbs.csdn.net/upload/202008/11/1597137724_125909.png][/img]
  • Python结果数据太多出现省略号,全部出现行数据 在代码加上 import pandas as pd pd.set_option('display.max_columns', None) # 显示所有 pd.set_option('display.max_rows', None) # 显示所有行
  •  这次主要说的是datagrid列太多的时候,如果数据,会出现滚动条,但没有就完蛋了……  测试提了bug,个人表示无法解决,测试mm不答应,正好闲着上网查了下,没有结果…… easyui网上的资料
  • 今天玩Oracle的时候,遇到一个让人很无语的问题,我desc的时候,总是发现name和type 占位太多, 无法很直观明白的显示出来各个值,就像下面的样子: 这样让人很不舒服,当然,一看到格式的问题,...
  • 首先,表头样式的修改:header-cell-style 效果图 其次,表格行高的修改:row-style="rowClass" 最后,字的解决办法show-overflow-tooltip
  • 问题分析报告--Hive表列属性更新慢并偶尔更新失败 1、问题描述 1.1 基本信息[Basic Information] 集群规模:37+3台物理机,每台128G内存;CPU:2*16C;SATA磁盘,2T*12hadoop社区版本:**商业版本:Fusion...
  • 效果: 要点:在格外加一层div,div宽固定 html: <div class="project-tests"> <table> <tr v-for="arr in projectTests" v-bind:key="arr[0]"> ...
  • 需求 最近使用sqlite3因为涉及到的表字段太多,又没有对齐,所有查询后的可读性不高,需要对齐和显示表头。命令 对齐命令: ".mode column" 打开表头显示:".header on"操作截图 ...
  • 先上BUG 解决方案 /* 设置滚动条的样式 */ /deep/::-webkit-scrollbar { width: 10px !important; height:10px !important; background-color: #8487879e;... /deep/ .el-table__fixed::b...
  • SPSS——描述性统计分析——

    万次阅读 多人点赞 2016-07-05 22:28:41
    什么是表列又称交互分类,所谓交互分类,是指同时依据两个变量的值,将所研究的个案分类。交互分类的目的是将两变量分组,然后比较各组的分布状况,以寻找变量间的关系。这里是按两个变量交叉分类的,该...
  • 文章目录1、背景2、效果图3、实现...犹豫表格太多,而且相同的id也不是按一样的顺序排列的,所以复制粘贴的难度加大了。 2、效果图 1: 2: 3: 合并: 3、实现手段 3.1、公式 "=" + "VLOOKUP" + "(" + ...
  • 在学习宏伦大大全栈python的视频中,用R语言导入一个txt文件时报错,Error in read.table(file = file, header = header, sep = sep, quote = quote, : 的数目比的名字要。 PS:羡慕宏伦大大的mac好像一点...
  • mysql对表数和行大小的限制

    万次阅读 2017-09-27 11:50:14
    计数限制MySQL对于每个具有4096个的硬限制,但给定的有效最大值可能较少。精确的限制取决于几个因素: 的最大行大小限制的数量(可能是大小),因为所有的总长度不能超过此大小。请参阅行大小限制 ...
  • Vue多种方法实现表头、首固定

    万次阅读 2016-12-19 15:59:14
    有时表格大,滚动时信息查看不方便,需要对表格进行全局表头、首固定, 上效果: 一、创建个表格进行覆盖 思路:当页面滚动到临界值时,出现固定表头、首 先创建一个活动表格 <!DOCTYPE html> ...
  • 原界面bootstrap+jQuery实现 新界面vue+element 利用element的表格实现,目前代码展示没有原来的PHP直接呈现的时候快,...1" 大于1的才显示 数据中1个多余的数据--> stripe border fit highlight-current-row
  • Python 显示不完全问题

    千次阅读 2019-04-09 11:17:00
    使用pandas 过程中应该很多人我一样的困扰,每次打印数据的时候都只显示一部分,如下: 那么,如何显示全部的数据呢。 以下代码可以解决我们的困扰 import pandas as pd # 显示所有 pd.set_option('display...
  • 篇之二:四格的分析

    千次阅读 2018-04-20 15:15:02
    转载出处:https://zhuanlan.zhihu.com/p/27312651 在中,二维是最基础的一类,在二维中,四格是最基础的一类。 四格的基本形式在《经典比较篇之十一:小样本的比率比较怎么做?》中已经介绍,...
  • MYSQL 子查询返回多列显示

    千次阅读 2017-10-28 14:35:51
    方案:因关联查询的数据大。多表查询影响效率,单个子查询又有些多余。所以采用多列拼接子查询,然后根据SUBSTRING_INDEX(SOURCE,SEPARETOR,INDEX+1)。 原理:子查询返回拼接;函数截取还原 可执行...
  • 数较的csv文件导入mysql数据库(过程及问题记录)
  • mysql给加一个字段耗时久的问题

    千次阅读 2020-05-20 14:35:18
    前几天上线遇到一个问题,就是在给数据加字段的时候,执行的非常慢,平时几S的事,上线那会加了10分钟都没成功,后来想到可能是突然停服务,导致很mysql进程卡死在那,于是先用show processlist; 查出当时正在...
  • pandas多列合并成一

    万次阅读 多人点赞 2019-08-05 17:59:27
    前言 一入数据深似海,从此头发是路人。作为一个半路出家的学生,小弟当初是想做一名开发的,然而阴差阳错下,解除了数据分析这个工作...前段时间,公司个妹子找到小弟,让我帮她处理一下数据,她一个60M的exc...
  • 关于POI合并的问题

    千次阅读 2017-08-22 14:29:29
    在做POI处理Excel的时候碰到的一个问题,就是POI合并的问题,如图: 因为对POI的套路不是很熟,所以也是摸索的写着,一开始是这么写的 先不论写没写对,导出的结果是这样的 我擦咧!!...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 677,489
精华内容 270,995
关键字:

表的列太多有问题吗