コメント/自作プラグイン/datatable

2022-03-12 (土) 12:01:40

自作プラグイン/datatable

  • お世話になります。
    こちらのdatetableプラグインを使用すると、cellspacingが0のテーブルが生成され枠線が消えてしまうのは、現時点では変更できないのでしょうか?
    レイアウトの変更機能を検討しているとのことですので、とても楽しみにしております。 -- 2022-03-09 (水) 13:31:04
    • コメントありがとうございます。
      枠線が消えてしまうのはスクリプトの読み込み時にtableに追加される「dataTable-table」クラスに「border-spacing: 0」が指定されているためですね。なので、これを上書きしてしまえば解決するかと思います。
      それとレイアウト変更機能に関して期待させてしまって申し訳ないのですが、これはライブラリに備わっている上下のインタラクト可能部分のレイアウト変更機能に関して言及したもので、テーブルのデザインやスタイルに関しては今の所各々CSSなどを使って変更してもらえればと考えています。 -- kanateko 2022-03-10 (木) 10:50:26
      • お返事ありがとうございます。
        デザインの件については勘違いしており申し訳ございません。
        border-spacing:0は具体的にはどこで指定されているのでしょうか。
        プラグイン内のテーブル作成用クラスあたりを書き換えなければいけないのかなと思いましたが、知識がない者には難しいのでしょうか。 -- 2022-03-11 (金) 12:11:33
      • とりあえず簡単な解決方法としては、skinフォルダにあるpukiwiki.cssの.style_tableの指定部分に「border-spacing: 1px!important;」を加えてみてください。 -- kanateko 2022-03-11 (金) 17:36:16
        .style_table {
          padding:0;
          border:0;
          margin:auto;
          text-align:left;
          color:inherit;
          background-color:#ccd5dd;
          border-spacing:1px!important; /* これを追加 */
        }
        
      • cssにborder-spacing: 1pxは入れて試していましたが、importantで優先されることを知りませんでした。
        枠線が付き、作りたかったテーブルとなりました。
        丁寧に説明していただき本当にありがとうございます・・! -- 2022-03-12 (土) 12:01:40