首页 / JAVASCRIPT / javascript – 设置google.visualization.DataTable的列宽

javascript – 设置google.visualization.DataTable的列宽

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 设置google.visualization.DataTable的列宽，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1214字，纯文字阅读大概需要2分钟。

内容图文

我想在google.visualization.DataTable中更改列的宽度,但是,我不知道该怎么做.

提琴手：https://jsfiddle.net/dgbh6sL0/1/

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['table']}]}"></script>
<div id="table_div"></div>

JS

google.setOnLoadCallback(drawTable);

  function drawTable() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Name');
    data.addColumn('number', 'Salary');
    data.addColumn('boolean', 'Full Time Employee');
    data.addRows([
      ['Mike',  {v: 10000, f: '$10,000'}, true],
      ['Jim',   {v:8000,   f: '$8,000'},  false],
      ['Alice', {v: 12500, f: '$12,500'}, true],
      ['Bob',   {v: 7000,  f: '$7,000'},  true]
    ]);

    var table = new google.visualization.Table(document.getElementById('table_div'));

    table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
  }

期望

>’名称’列宽应为300px;
>’全职员工’栏宽应为100px;

任何建议/帮助表示赞赏.

编辑

基于该建议,这是应用的解决方案：https://jsfiddle.net/dgbh6sL0/2/

解决方法:

你可以这样做：

data.setProperty(0, 0, 'style', 'width:300px');

此外,您需要在“绘制”中“allowHTML”,如：

table.draw(data, {showRowNumber: true, width: '100%', height: '100%',allowHtml: true});

内容总结

以上是互联网集市为您收集整理的javascript – 设置google.visualization.DataTable的列宽全部内容，希望文章能够帮你解决javascript – 设置google.visualization.DataTable的列宽所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/725490.html

来源：【匿名】