Skip to main content

Create Bootstrap Table Pagination with jQuery

Bootstrap Tables are styled HTML tables with class .table. The Bootstrap Tables are fully responsive with class .table-responsive and can be used extensively all kinds of web applications. As we generally use HTML Tables to display data in grid manner like rows and columns and fixed Table height to display more rows on table scroll. But adding scrolling to Tables is not very user friendly solution, we can create pagination with Bootstrap Tables to make it more user friendly. So in this tutorial you will learn how to create pagination with Bootstrap Tables using jQuery. The tutorial explained in easy steps with live demo to display records in Bootstrap tables with PHP and MySQL and then create pagination with jQuery. You can also download source code of live demo. (more…)

Read More

Amazon S3 File Upload using JavaScript

Amazon Simple Storage Service (Amazon S3) is a popular web services that provides highly scalable, durable and secure storage. Currently most of us use server side solutions to upload files to Amazon S3 server. There are also AWS SDK for JavaScript to upload files to Amazon S3 server from client side. Uploading files from client side is faster than server side and best for large files. So in this tutorial you will learn how to upload files to Amazon S3 server using JavaScript. The tutorial explained in easy steps with live demo to upload files to Amazon S3 server. You can also download source code of live demo. (more…)

Read More

Create Live Editable Table with jQuery, PHP and MySQL

Live HTML table edit or inline table edit is a very user friendly feature that enable users to edit HTML table value directly by clicking on table cells. In our previous HTML table tutorial you have learned HTML Table Data Export to Excel, CSV and Text using jQuery. In this tutorial you will learn how to implement live editable HTML table with jQuery and PHP. We will use jQuery plugin Tabledit that provides AJAX enabled in place editing for HTML table cells. The tutorial explained in easy steps with live demo to create editable HTML table and save live edit changes into MySQL database table. You can also download source code of live demo. (more…)

Read More

Export HTML Table Data to Excel, CSV and Text using jQuery

Data export is a common feature to save data in a local file for further use. Generally we export data into our desired file format using server side languages and its very tedious. If you’re not prefer server side data export functionality, then you can handle data export at front-end using jQuery. The data export at front-end is very easy and fast. So if you’re looking for functionality to export data at front-end using jQuery, then you’re here at right place. In this tutorial you will learn how to export HTML Table data into Excel, CSV and Text using jQuery. The tutorial explained in easy steps with live demo and also download source code of live demo. (more…)

Read More

Create Slide Out Navigation Menu with jQuery and CSS

In current web trends, slide out navigation menus are very common in responsive design. The slide out menus are very flexible and functional with many advantages like it saves space, remove clutter from page and makes website more readable by putting all the emphasis on the content. Previously we have published tutorial to create dynamic tree-view menus with PHP and MySQL and get huge response from our readers. Many of them requested to also publish tutorial to create slide out and slide in navigation menu. So in this tutorial you will learn how to create slide out and slide in navigation menu with jQuery and CSS. The tutorial explained in easy steps with live demo and also link to download source code of live demo. (more…)

Read More

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!