Category Archives: table

Android TableLayout With Alternative Column Color

In the Previous tutorial we have seen how to set the android table layout with alternative row color , in this tutorial we will see how to set alternative column color inside tablelayout . XML Layout file : activity_main.xml <?xml version=”1.0″ encoding=”utf-8″?><TableLayout xmlns:android=”http://schemas.android.com/apk/res/android”    android:id=”@+id/tablelayout”    android:layout_width=”match_parent”    android:layout_height=”wrap_content”    android:layout_below=”@+id/trainsearchLayout”    android:layout_marginLeft=”7dp”    android:layout_marginRight=”7dp” … Read More »

Android TableLayout With Alternative Row Color

We have seen how to create Table Layout in android , in this tutorial we will see how to set the alternative row color for TableRow inside the TableLayout , when ever are dealing with table layout that fetch data from database and when the table layout grow large ,adding alternative color to the rows… Read More »

Sort HTML Table Using TableSorter Plugin

In this Post We will see how to sort html table to do that we are using a jQuery plug-in called  tablesorter which turns standard HTML table with THEAD and TBODY tags into a sortable table without refreshing  page. Download            Live Demo Installing TableSorter Plugin  Include the jQuery library and… Read More »

Dynamically Add and Delete Table Rows Using Jquery

In this post we will see how to build html table dynamically using jQuery , here in this tutorial we will add rows to table on click of add button ,which will be placed at the last row of the table and every row of the table containing a remove button which will delete that… Read More »

Highlight table rows and columns on mouse over

Hovering over the table rows and columns adds a user friendly kind of impression because it improves the readability for the end user . Live Demo Firstly construct html table with data HTML index.html <html><head> <link rel=”stylesheet” type=”text/css” href=”style.css”> <script  src=”http://code.jquery.com/jquery-1.9.1.min.js” ></script></head><body><table border=’1′ cellspacing=’5′ cellpadding=’5′>  <tr>  <th>Header 1</th>  <th>Header 2</th>  <th>Header 3</th>  <th>Header 4</th>  <th>Header 5</th> </tr>  <tr> … Read More »

Alternate html table row color

In this Post we will see how to add the alternative row color for html table ,for large tables adding alternative color to the rows makes it looks impressive and also it improves the readability for the end user . HTML Table index.html <html><head><link rel=”stylesheet” type=”text/css” href=”style.css”></head> <body><table border=”1″ cellpadding=’5′>  <tr>    <th>Header 1</th>    <th>Header 2</th>   … Read More »

Android Buidling TableLayout Dynamically At Runtime

In this previous tutorial we have seen an example of building basic Android Table Layout in XML format , In this tutorial we will see an example of building table through  code ,here in this example we are taking two input parameters which is row number and column number from EditText and building it at… Read More »