前提・実現したいこと
Ruby on RailsでDBデータ管理のシステムを作っています。
基本的にはデータをDBから取得して一覧表示、各レコードの情報を編集して更新、レコードを削除、
指定のカラムデータを使用して検索し、結果を一覧表示させたいです。
今回はData-tablesをjavascriptで使用して各カラムにソート機能を追加したいと考えています。
ですが、ボタンを含むテーブル構成だと、うまく反映されません。(ボタンを消すとData-tablesのレイアウトが適用される)
ソート機能を有したtableのtd要素にボタンを入れ込みたいです。
該当のソースコード
javascript/tags.coffee
1$ -> 2 $(".data-table").dataTable()
views/tags/_list_tag.html.slim
1 br 2 table.table.table-striped.table-hover.data-table 3 thead 4 tr 5 th id 6 th tag_name 7 th tagging_count 8 th colspan="2" function 9 10 tbody 11 - @tags.each do |tag| 12 tr 13 td 14 = tag.id 15 td 16 = tag.name 17 td 18 = tag.taggings_count 19 td 20 = link_to edit_tag_path(tag), :class => "btn btn-primary btn-sm" do 21 span.glyphicon.glyphicon-pencil aria-hidden="true" 22 '編集 23 td 24 = link_to tag, method: :delete, data: { confirm: 'Are you sure?' }, :class => "btn btn-default btn-sm" do 25 span.glyphicon.glyphicon-trash aria-hidden="true" 26 '削除
試したこと
補足情報(FW/ツールのバージョンなど)
ruby 2.3.1
Rails 4.2.6
あなたの回答
tips
プレビュー