jquery - 如何在handsontable中获得td

Question

我有一个像下面这样的handsontable

var $container = $("#example1");
$container.handsontable({
  //data: data1,
  rowHeaders:true,
  colHeaders: ["<input type='checkbox' name='selectall' class='headchecker' checked='checked'>", "Com", "Form", "Size", "Grade", "Brand", "Fineness", "Serial", "Gross", "Net", "Fine Oz", "Original Weight","selectall"],
  cols:13,
  minSpareRows: 100

});

<div id="example1" class="dataTable" style="width: 1170px; height: 450px; overflow: scroll;"></div>

我可以访问

<style>
    ${"#example1"} table th{font-size:90%; font-weight:bold;}--Column Header
    ${"#example1"} table th:first-child{text-align:left;width:20px;}--rowHeader
    ${"#example1"} table th:first-child+th{width:3%;text-align:left;}--first column header
    ${"#example1"} table th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th{display:none;}--last column Header
    ${"#example1"} table tr:first-child{font-weight:bold;}--first row
</style>

但我无法访问

 ${"#example1"} table tr td:first-child{font-weight:bold;}--first column

这个怎么做...？handsontable的结构是什么样的

<table><thead><th><td></td></th></thead><tbody><tr><td></td></tr></tbody>

告诉我handsontable的正确结构......

Answer 1

尝试改变：

 ${"#example1"} table tr td:first-child{font-weight:bold;}--first column

为了这：

 ${"#example1"} table tr td:first-of-type{font-weight:bold;}--first column

的第一个孩子tr是th如果您设置了 rowHeaders

编辑： 另外......你为什么使用：

 ${"#example1"} table th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th{display:none;}--last column Header

代替 ：

${"#example1"} table th:last-child{display:none;}--last column Header

Answer 2

命名法

• 缩进表示关闭（所以我不必用结束标签弄乱轮廓）
• Splats (...) 表示在指定级别无限重复
• 点后缀表示handsontable应用的类名

示意图 (v 0.8.3)

table
  colgroup
    col
  thead
    tr
      th
        div.relative
          span.colHeader
      th...
  tbody
    tr
      td...