डेटाटेबल्स के साथ रेल 3.1 का उपयोग

Question

रेल में 3.1 DataTables के साथ एकीकृत करने के लिए अनुशंसित मणि क्या है?

Answer 1

मैंने इसे स्वयं नहीं उपयोग किया है, लेकिन यह उपलब्ध है: https://github.com/gryphon/simple_datatables।

Answer 2

निम्नलिखित मणि लिंक प्रासंगिक हो सकता है: https://github.com/artellectual/rails-datatables

यह मणि simple_datatables मणि (एलन ने उल्लेख किया) के एक कांटा है लेकिन यह भी Kaminari साथ पृष्ठांकन और मेटा खोज मणि का उपयोग कर ajax के साथ तालिका डेटा खोज का समर्थन करता है।

Answer 3

विषय पर रयान बेट्स 'RailsCast में (http://railscasts.com/episodes/340-datatables) वह jQuery-datatables-रेल (https://github.com/rweng/jquery-datatables-rails)

Answer 4

मैं बूटस्ट्रैप साथ jquery-datatables-rails मणि उपयोग कर रहा हूँ का उपयोग करता है (ट्विटर बूटस्ट्रैप-रेल मणि) है और यह है उत्तम। इस पर रेलवेकास्ट एपिसोड बहुत अच्छा है - लेकिन अपने संपत्ति समूह में मणि नहीं डालें या यह उसके कामकाज पर तैनाती के दौरान काम नहीं करेगा (क्योंकि परिसंपत्ति समूह का उत्पादन में उपयोग नहीं किया जाता है)।

अपने gemfile में इस लाइन रखो:

gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails' 

और चलाएँ:

bundle install 

इसके अलावा, आपके application.rb में इस लाइन डालने के लिए सुनिश्चित करें:

config.assets.initialize_on_precompile = false 

जोड़ें यह आपके application.js

पर

और यह एक अगर तुम बूटस्ट्रैप उपयोग कर रहे हैं:

//= require dataTables/jquery.dataTables.bootstrap 

अपने application.css को यह करें:

*= require dataTables/jquery.dataTables.bootstrap 

:

*= require dataTables/jquery.dataTables 

या यह एक अगर तुम बूटस्ट्रैप उपयोग कर रहे हैं

और यदि आप बूटस्ट्रैप का उपयोग कर रहे हैं तो इसे अपने नियंत्रक के लिए अपनी js.coffee फ़ाइल में जोड़ें, आप डेटाटेबल्स का उपयोग कर रहे हैं:

आप तरल पदार्थ के कंटेनर उपयोग कर रहे हैं:

#// For fluid containers 
$('#dashboard').dataTable({ 
    "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", 
    "sPaginationType": "bootstrap" 
}); 

निश्चित चौड़ाई कंटेनर उपयोग कर रहे हैं:

#// For fixed width containers 
$('.datatable').dataTable({ 
    "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>", 
    "sPaginationType": "bootstrap" 
});