0

ruby on rails プロジェクトで FooTable を使用しようとしています (これまで FooTable を使用したことがありません) が、機能させることができません。

gem 'footable-on-rails'gemfile に挿入しました (そして bundle install を実行しました)

に挿入footable.jsしましapp/vendor/assets/javascriptたapp/assets/javascript(最適/適切な場所はどれですか?)

私は挿入footable.core.cssし app/vendor/assets/stylesheetましたapp/assets/stylesheet

という名前のこのファイルを作成しましたfootable_init.js

$(document).ready(function() 
{
    $("table").footable();
});

また、application.jsファイルを次のように変更しました。

    //= require turbolinks
    //= require bootstrap.min
    //= require footable-on-rails
    //= require jquery
    //= require jquery-ui
    //= require jquery_ujs

//= require_tree .

と私application.css 

 *= require bootstrap.min
 *= require footable-on-rails
 *= require_tree .
 *= require_self
 */

ブートストラップも使用していることに注意してください。

最後に、私のビューは次のようになります。

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>App</title>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

        <%= stylesheet_link_tag 'footable.core.css' %>
  <%= javascript_include_tag 'footable.js', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'footable_init.js', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'jquery.js', 'data-turbolinks-track' => true %>

    </head>
    <body>
        <table class="table">
        <thead>
                <tr>
                        <th>Name</th>
                        <th data-hide="tablet,phone">Age</th>
                </tr>
         </thead>
        <tbody>
            <tr>
                <td>Luke</td>
                <td>45</td>
            </tr>
            <tr>
                <td>Amy</td>
                <td>28</td>
            </tr>
            <tr>
                <td>Carl</td>
                <td>25</td>
            </tr>
        </tbody>
        </table>
    </body>     
</html>

しかし、電話またはタブレットの解像度に渡すと、両方の列が表示されます。私は何が欠けていますか？

Rails プロジェクトに FooTable を含めるのは簡単だと思っていましたが、時間がかかりすぎています。少し早いですがお礼を。

4

1 に答える 1