bwsewell / tablecloth Goto Github PK
View Code? Open in Web Editor NEWA CSS and JS bootstrap to style and manipulate data tables
License: MIT License
A CSS and JS bootstrap to style and manipulate data tables
License: MIT License
What is the point of doing this with JavaScript rather than CSS classes?
Which are the files I need to add to my project which already uses Bootstrap to get tableclothjs working ?
Any timeline for this feature? Can I help in any way?
Hello,
We have just add tablecloth to twittstrap resources list
http://www.twittstrap.com/resources/details/tablecloth-js
Under : Components
Regards
Just follow steps in link:
http://bob.yexley.net/creating-and-maintaining-your-own-bower-package/
Is there a timeline for this? I am using Tablecloth in a membership site, and it would be extremely valuable. Thanks!
I have a UK format date table "13/09/2013" or "13-09-2013", sorting produces random results, inconsistent with US format dates like "2013-09-30".
I'll try to come up with an option to allow UK dates.
I am removing a row using jquery remove() method, and it goes away. When I click on column head, to sort the table. Those removed rows are getting added back to table. Please help...
Hello Sir,
I just wanna ask I have a table inside my ajax success call just like this below.
`$('#btn-inquire-transmittal-number').click(function(e){
e.preventDefault();
$('#window-transmittal-inquiry').hide(1000);
var inputtextval = $('#transmittal_number_inquiry').val();
$("#modalTransmittalInquiry").modal('show');
$.ajax({
url: "getTransmittalNum.php",
type: "POST",
data: {'transmittal_number_inquiry' : inputtextval},
datatype: 'json',
success: function(data){
$('#modalTransmittalInquiry').modal('show');
$('#modal-content-result').html('<table class="table table-condensed tablehead table-sortable" id="table_inquiry" style="width:99%;">' +
'<tr>' +
'<thead>' +
'<th style="text-wrap:normal">Transmittal #</th>' +
'<th>Transmittal Date</th>' +
'<th>Sender Name</th>' +
'<th>Department</th>' +
'<th>Invoice #</th>' +
'<th>Amount</th>' +
'<th>Document Type</th>' +
'<th>Vendor Name</th>' +
'<th>Remark</th>' +
'<th>Action</th>' +
'</thead>' +
'<tr>' +
'</table>');
var trHTML = '<tr>' +
'<tbody>' +
'<td><h6>' + data.transid + '</h6></td>' +
'<td><h6>' + data.transdate + '</h6></td>' +
'<td><h6>' + data.sender_name + '</h6></td>' +
'<td><h6>' + data.department + '</h6></td>' +
'<td><h6>' + data.document_number + '</h6></td>' +
'<td><h6>' + data.total_amount + '</h6></td>' +
'<td><h6>' + data.document_type + ' - ' + data.document_description + '</h6></td>' +
'<td><h6>' + data.vendor_name + '</h6></td>' +
'<td><h6>' + data.remarks + '</h6></td>' +
'<td><h6>' +
'<a href="acknowledge_process.php?id=$id"><button type="button" class="btn btn-success"><i class="fa fa-check-circle fa-fw"></i></button></a>' +
'<a href="incomplete_process.php?id=$id"><button type="button" class="btn btn-danger" ><i class="incomplete fa fa-times-circle fa-fw"></i></button></a>' +
'<a href="onprocess_process.php?id=$id"><button type="button" class="btn btn-warning" ><i class="onprocess fa fa-cogs fa-fw"></i></button></a>' +
'</h6></td>' +
'</tbody>' +
'</tr>';
$('#table_inquiry').append(trHTML);
},
error:function(){
alert('Error occured..');
}
});
});`
I want to use the jquery plugin I have a problem where I put the code that will call my table id. Thank you in advance.
Is a search (true, false) flag in the roadmap?
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.