header-row-style自定义表头居中显示

`header-row-style` 是用于表格组件（如 Ant Design 的 `Table` 组件）中的 CSS 类名，它允许开发者对表格的表头行进行自定义样式设置。如果你想让表头内容居中显示，你可以这样应用样式：

.header-row-style {
  text-align: center; /* 将表头单元格文本的对齐方式设为居中 */
}

在 HTML 结构上，你会在 `<tr>` 标签中使用这个类，比如：

<thead>
  <tr class="header-row-style">
    <th>列标题1</th>
    <th>列标题2</th>
    <!-- 更多列 -->
  </tr>
</thead>

如果你是在 JavaScript 中动态生成表头，可以在创建表头单元格时添加这个类，例如：

const thead = document.createElement('thead');
const row = document.createElement('tr');
row.classList.add('header-row-style');

// 创建并添加表头单元格
const cell1 = document.createElement('th');
cell1.textContent = '列标题1';
row.appendChild(cell1);

// 添加更多单元格...