javascript - 滑らかなグリッド列（text-align）

Question

滑らかなグリッドのヘッダーを中央に揃え、列のテキストを左に揃える方法はありますか？cssファイルに変更などが必要ですか？

ご案内ください。

var columns = [ 
  { id: "colEmpId", name: 'Number', field: "EmpId", "unselectable": false }, 
  { id: "colLastName", name: 'Last Name', field: "LastName", "unselectable": false }, 
  { id: "colFirstName", name: 'First Name', field: "FirstName", "unselectable": false } 
]; 

これは列の定義です

Answer 1

cssシートの組み込みクラスを使用して見出しのスタイルを設定できます。.slick-header .slick-header-column .slick-header-columns .slick-headerrow-column .slick-headerrow-columns

列のテキストについては、列定義でカスタムcssクラスを割り当て、これをスタイルシートに追加できます。

例えば

var columns = [ { id: "colEmpId", name: 'Number', cssClass: "column-empid" },  ...