0

colgroup を動的に生成し、各グループを背景色でスタイルします。各グループの上にラベルを追加する方法はありますか?

私のcolgroupは次のようになります：

<colgroup>
  <col>
  <col span="3" style="background-color: #ccc;">
  <col span="3" style="background-color: #ddd;">
  <col span="3" style="background-color: #ccc;">
</colgroup>

そして、これがどのようにレンダリングされるかです： ここに画像の説明を入力

各グループの上にラベルを付けるにはどうすればよいですか? そのような変更を行うためにそれらを選択することはできないので、jQuery API またはそのためのプラグインさえあるのでしょうか?

4

1 に答える 1

1

CSS :after(または:before) 疑似クラスを使用できます。

<col span="3" class="index">

CSS:

.index {
    position:relative;
    background-color: #ccc;

}

.index:after {
      position:absolute;          
      content: "Index";
      top:0px;
      left:0px;
      color:#000000
}

これを、ソート インジケーターに使用する任意のグリフの UTF-8 文字と組み合わせることもできます。

参照: CSS で Font Awesome アイコンを使用する

于 2013-12-04T16:37:21.650 に答える