jowin / datatables-bootstrap3 Goto Github PK

Given the following DataTables init I'm unable to click all of the options in the collection.

    var tableContainer = $(".dataTables");
    tableContainer.dataTable({
            "bPaginate"     : false,
            "bAutoWidth"    : false,
        "fnPreDrawCallback": function () {
            if (!responsiveHelper) {
                responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
            }
        },
        "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            responsiveHelper.createExpandIcon(nRow);
        },
        "fnDrawCallback": function (oSettings) {
            responsiveHelper.respond();
        },
        "sDom"          : 'T<"clear"><"top"plf<"clear">>rt<"bottom"ipl<"clear">>',
            "oLanguage"     : {
            "sEmptyTable"   : "There are currently no students registered for this course.",
            "sLengthMenu"   : "Show: _MENU_",
            "sSearch"       : "Filter:",
            "sZeroRecords"  : "There are currently no students registered for this course."
            },
        "aoColumns"     :[
            {
                "sType"         :"title-string",
                "sWidth"        :"175px"
            },
            { "sWidth"          : "140px"   },
            { "sWidth"          : "75px"    },
            { "sWidth"          : "300px"   },
            { "sWidth"          : "100px"    },
            { "sWidth"          : "70px"    },
            { "sWidth"          : "200px"   },
            { "sWidth"          : "250px"   },
            { "sWidth"          : "175px"   }
        ],
        "aaSorting"     : [ [0,"asc"] ],
        "bAutoWidth"    : false,
        "oTableTools"   : {
            "aButtons"          : [
                {
                    "sExtends"  : "collection",
                    "sButtonText": "Export Student List <span class='caret' />",
                    "sButtonClass": "btn btn-default",
                    "aButtons"  : [
                        "csv",
                        "xls",
                        "pdf",
                        "print"
                    ]
                }
            ],
            "sSwfPath"  : "/codeExtra/datatables/1.9.4/copy_csv_xls_pdf.swf",
        }
        });

Hovering over "CSV" activates "PDF" (as shown above), and will produce a PDF file. Attempting to use Excel and PDF do not work at all. Hovering over Print, it does not go active. Also the warning modal for print does not appear as expected.

When i use sPaginationType "bs_four_button" my page with vertical scroll jump to top on every table control button click.

ps http://stackoverflow.com/questions/19752258/prev-next-datatables-jquery-plug-in-buttons-reloads-my-page

Hello, I cloned the repo this morning to see if this would work for a project I'm currently working on only to find that none of the example files even work.

Hi,

From jquery.Datatables.. definition:

• $(document).ready( function() {
  * $('#example').dataTable( {
  * "aoColumnDefs": [
  * { "asSorting": [ "asc" ], "aTargets": [ 1 ] },
  * { "asSorting": [ "desc", "asc", "asc" ], "aTargets": [ 2 ] },
  * { "asSorting": [ "desc" ], "aTargets": [ 3 ] }
  * ]
  * } );
  * } );

This works after clicking on one column header, but initialized table is always sorted by first column asceding.

How to override this so initializing sorting would be descending.

I also tried with

"asSorting": [ 'asc', 'desc' ] to "asSorting": [ 'desc, 'asc' ]

but no go.

Thanks in advance.

BR

Thanks so much for making this. Just a minor one, the usable files are in "/examples" which is very unusual and would be better kept in the root directory or in "/lib" or similar.

Cursor on the page selection and rows per page not pointer

Did you already checked the new DataTables release?
See: http://www.datatables.net/blog/2014-05-01

A npm package besides Bower would be warmly welcomed! Since npm is as much used as Bower for front-end package and that publishing a npm package is quite easy, it would be great!

For BS 3.0.0 the input-small class in index.html file should be input-sm :). Other than that it is working pretty good.

Hey, maintainer(s) of Jowin/Datatables-Bootstrap3!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library Jowin/Datatables-Bootstrap3 is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "Jowin/Datatables-Bootstrap3",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

There is a problem with getting 'li' selectors by index.

For example (pagination type - 'bs_full'):
these line of code:

.insertBefore('li:eq(-2)', an[i])

get wrong 'li' element when you use 'li' element under datatables section on page.

I'd like to use this as a library for projects,
However, it doesn't have a license with it, and it's not using any version tags.

Any chance you could start doing these?

Hey,
While using this library I found certain incompatibility issues with the latest version of datatables.
One such bug is bs_full does not works as expected. I have fixed this bug and other bugs to make it compatible with the latest version of datatables.
If the author of the repo is still accepting the pull requests, than I will create a pull request for the changes.
Please revive this project as this is just awesome :-)

IMHO should be applied to input boxes (search and filters for example)

class="form-control"

bower ENOTFOUND Package Jowin/Datatables-Bootstrap3=Jowin/Datatables-Bootstrap3 not found
is the error on > bower install

They need to have

style="pointer: cursor;"

Applied to the buttons. Not having them makes this awkward to use.

Uncaught TypeError: Cannot read property 'className' of undefined

Refers to jquery.dataTables.js line 669
nCell.className += ' '+oCol.sClass;

I can't get a working bootstrap styled equivalent to the full_numbers having first last, prev, next and pages.

I thought bs_full would work but it only renders the four buttons and they aren't even styled as bootstrap buttons.

I just wanted to thank you, your plugin works like a charm!

Thanks for the solution! But the selected columns aren't get formatted.