If you have an HTML table with multiple columns it likely doesn’t render very nicely on a small smartphone. One way to solve this problem is to hide lower priority columns when the table is viewed from a mobile device. First, create a new class in your CSS file, under the @media tag. For example… Read More »
In this post you will learn how to use the freely available Tablesorter jQuery plugin, which allows you to sort HTML table columns alphanumerically by clicking the column header. If you want your users to be able to sort tables and save the order, check out this post instead. Setup Tablesorter Make sure you have… Read More »
How do we allow users to reorder the rows of an HTML table and then save those changes back to a table in a MySQL database? This post will explain how to do it in two steps: Enable table drag and drop functionality with jQuery UI Write any changes the user makes back to the… Read More »
In this post, you will learn how to use HTML and jQuery AJAX to update the rows of a MySQL database table. For this example, the HTML table will have a total of five columns. The first four will contain data pulled from a MySQL database. The cells will be editable so that the user… Read More »
Do you have an HTML table that you’d like to import into a MySQL database? This post will explain how to do it. The process involves creating a new database (unless you already have one), creating a new table, and importing the table using an HTML DOM parser script. Create a New Database Log in… Read More »