jowin / datatables-bootstrap3 Goto Github PK
View Code? Open in Web Editor NEWPlugin for Datatables Bootstrap3 UI Compatibility
Plugin for Datatables Bootstrap3 UI Compatibility
When i use sPaginationType "bs_four_button" my page with vertical scroll jump to top on every table control button click.
They need to have
style="pointer: cursor;"
Applied to the buttons. Not having them makes this awkward to use.
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.
IMHO should be applied to input boxes (search and filters for example)
class="form-control"
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 just wanted to thank you, your plugin works like a charm!
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.
Thanks for the solution! But the selected columns aren't get formatted.
Did you already checked the new DataTables release?
See: http://www.datatables.net/blog/2014-05-01
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.
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!
Uncaught TypeError: Cannot read property 'className' of undefined
Refers to jquery.dataTables.js line 669
nCell.className += ' '+oCol.sClass;
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?
Cursor on the page selection and rows per page not pointer
Hi,
From jquery.Datatables.. definition:
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
bower ENOTFOUND Package Jowin/Datatables-Bootstrap3=Jowin/Datatables-Bootstrap3 not found
is the error on > bower install
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.
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.
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!
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 :-)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.