jquery - 如何在 jeasyui 数据网格中更改或指定字体大小？

Question

jeasy-ui 的 DataGrid 有自己的一组用于表头和表体数据的字体大小。

我有 3 个 DataGrid，但我需要为 2 个 DataGrid 设置默认字体大小，但对于 1 个 DataGrid，我必须明确指定字体大小。

我怎样才能做到这一点？

<table class="easyui-datagrid" data-options="singleSelect:true,fitColumns:true" style="height:180px;" id="alertDescDG"> 
    <thead> 
        <tr> 
            <th data-options="field:'label', width:200"></th> 
            <th data-options="field:'value', width:200"></th> 
        </tr> 
    </thead> 
</table>

Answer 1

根据easyui论坛的这篇文章，您可以将数据包装在<span>标签中。:)

<table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px">
    <thead>
        <tr>
            <th data-options="field:'itemid',width:80">Item ID</th>
            <th data-options="field:'productid',width:100"><span style="font-weight:bold">Product</span></th>
        </tr>
    </thead>
</table>

Answer 2

只需将其添加到样式属性：

style="font-size:24px;"

或在 ems 中：

style="font-size:1.5em;"