DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Select multiple rows not working with Bootstap 3

Select multiple rows not working with Bootstap 3

amey1309amey1309 Posts: 28Questions: 0Answers: 0
edited November 2013 in General
Hello,
As given in this example(http://datatables.net/release-datatables/extras/TableTools/select_multi.html), "multi" select rows works only on click of those two buttons but not on clicking the rows individually on my local machine.I have incuded the latest bootstrap (JS and CSS) from Github and they are working lik charm except this one.Could any one suggest me what to do?

Replies

  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    PLease link to a test case showing the issue as noted in the forum rules. Very likely it is working but there just isn't a CSS style being applied to make it appear selected - but without a test case we can't know.

    Allan
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    edited November 2013
    Hello Allan,
    I really don't know how to include those css/javascript files from datatables as well as bootstrap in Js bin or livedatatables
    It works when SELECT ALL/DESELECT ALL buttons are clicked but doesn't do anything when rows are clicked.I downloaded the CSS files from (https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3)
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    edited November 2013
    Some how I did it but I don't know whether I did it correctly, but those are the files am using.Here the Link (http://live.datatables.net/ukacim/3/edit)
  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    Looks fine to me :-)

    Allan
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    But I want to select the rows on click and its not happening.Is it happening on your side??
  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    Yes - no problem at all. Its very faint, but yes, the rows are being selected on click.

    Allan
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    So what do i have to do?? But when I select the rows using SELECT ALL button all the rows gets selected highlighted with a nice dark blue color as declared in css,but doesn't show anything for on clock of rows.. How come???
    Any CSS would u like me to add or make some other changes ??
  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    I'm honestly not sure that I can offer any help without being able to reproduce the error. I've added red highlighting here: http://live.datatables.net/ukacim/4/edit . Each time I click on a row it goes red. I need a way to reproduce the error to be able to offer any other help.
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    edited November 2013
    Thanks a lot Allan but how come Ur getting it and am not ?? ll It be some browser issue?? I understand ur CSS and I have it in the CSS files but its kinda not working and even those 2 buttons "SELECT ALL" and "DESELECT ALL" are not working here,though they do work on my local machine.Would you recommend me some tools to catch the errors ?? except Firebug
  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    What browsers have you tried it in? The example works in all browsers I've tried.
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    edited November 2013
    The CDN from github for datatable.bootstrap.js was not executable so does the datatable.bootstrap.css file so manually copied them into js.(Could u tell me what other method I could have used to fetch both above mentioned files?).Then it started working.
    Now I have included the "fnGetColumnData.js" which am using on my local machine to provide a filter on every column through a Select Box.And now it again got stuck.Here the link(http://live.datatables.net/ukacim/9/edit)
  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    > Could u tell me what other method I could have used to fetch both above mentioned files?)

    Copy and paste them on to your own server :-).

    The column function isn't returning data when you run it since the data hasn't been loaded then. Use the fnInitComplete function.

    Allan
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    Hello Allan,
    Finally I caught the mistake.I was using a earlier TableToo.js file. Now I have shifted to TableTools.min.js 2.1.5 and On click is working .

    Thanks a lot
  • allanallan Posts: 63,277Questions: 1Answers: 10,424 Site admin
    Its a shame you didn't link to your page as we could have caught that on the very first post - but good to hear you have it fixed now.

    Allan
  • amey1309amey1309 Posts: 28Questions: 0Answers: 0
    edited November 2013
    [code]Its a shame you didn't link to your page[/code]
    Link it to my page in the sense ??? I had but how do I link to the files (JS/CSS) that are on my server so I used CDN for that.This things always confuses me.
This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.