资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

DataGear中怎么实现一个数据可视化表格图表

DataGear中怎么实现一个数据可视化表格图表，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

成都创新互联网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了成都做网站、网站制作，成都网站设计，1元广告，成都做网站选成都创新互联，贴合企业需求，高性价比，满足客户不同层次的需求一站式服务欢迎致电。

  • 自定义列属性（标题、列宽、是否可排序等）


var tableOptions=
{
  columns:
  [
    {
      //标题
      title: "自定义标题",
      
      //列宽："100px"、"20%"
      width: "100px",
      
      //是否可排序
      orderable: false,
      
      //是否可见
      visible: false
    },
    ...
  ]
};

...
...

var tableOptions=
{
  //开启排序
  ordering: true,
  
  //第一列升序、第二列降序
  order: [[ 0, 'asc' ], [ 1, 'desc' ]]
};

...
...

var tableOptions=
{
  //开启分页
  paging: true,
  
  //可选，自定义页大小下拉框
  lengthMenu: [ 10, 25, 50, 75, 100 ],
  
  //可选，默认页大小
  pageLength: 50
};

...
...

var tableOptions=
{
  fixedColumns:
  {
    //左边固定列数
    leftColumns: 1,
	
    //右边固定列数
    rightColumns: 1
  }
};

...

...

var tableOptions=
{
  //添加一个序号列
  processRenderOptions: function(options)
  {
    var columns = options.columns;
    
    columns.unshift(
    {
      title: "序号",
      orderable: false,
      data: "",
      render: function(value, type, row, meta)
      {
        return "";
      }
    });
  },
  
  //设置序号列值
  rowCallback: function(row, data, displayNum, displayIndex, dataIndex)
  {
    $("td:first", row).html(displayIndex);
  }
};

...

...
...

...

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。


网页题目：DataGear中怎么实现一个数据可视化表格图表
网站网址：http://cdkjz.cn/article/ghsise.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

业务热线：400-028-6601 / 大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
崇州做网站分类目录网站绵阳网站建设成都钢筋机械设备网站建设开发成都免费建站四川航空文化网站seo优化成都营销网站建设专业网站建设

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询400-028-6601

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图