Question

我使用的是handontable，我的代码是用typescript / aurelia编写的。我无法居中对齐复选框列。我按了this链接并将复选框列上的className设置为＆＃34; htCenter htMiddle＆＃34;。在文本列上，这个东西可以工作，但不在复选框列上。然而，当我使用我的开发工具并在<td>上设置类到＃34; htCenter htMiddle＆＃34;时，它可以工作。是否有其他方法可以为此复选框列设置对齐方式？

以下是添加className的代码：

this.options.columns = [ { data: "modalValue", renderer: linkButtonRenderer, readOnly: true }, { data: "uri", readOnly: true }, { data: "isPublic", className: "htCenter htMiddle", type: "checkbox" } ];

Answer 1

你必须设置

{ data: 'Is_anything', type: 'checkbox', className: "htCenter htMiddle" },

像这样。您将在中心获得复选框。

Answer 2

我已经为Handsontable 0.19.0

解决了这个问题

[handsontable.full.js: line 17197]
function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties)

添加此项以允许使用自定义渲染器（不知道为什么他们错过了这个）

getRenderer('base').apply(this, arguments);

如果您只想对齐对齐，请将其作为该函数的第一行：

TD.style.textAlign = "center";

Answer 3

无法设置复选框（和数字）对齐是以前版本的Handsontable中的错误。自Handsontable version 0.25.1起修复此问题---请参阅https://github.com/handsontable/handsontable/issues/2925和https://github.com/handsontable/handsontable/issues/3532。

OP的代码现在应该有效。

如何将复选框居中对齐？

3 个答案: