CSS Scrollable HTML Table with Fixed Header Example

Introduction: 

Here I will explain how to make scrollable html table with fixed header using css with example or pure css scrollable html table with fixed header example. By using css properties we can easily implement scrollable table with fixed header.

Description:
  
In previous articles I explained jQuery fixed header on page scroll example, jQuery scrollable div with fixed header example, asp.net scrollable repeater with fixed header, Show div with vertical and horizontal scroll bars example, jQuery add multiple markers to google map from database, Show more link to shorten text and display it and many articles relating to html, css, jQuery, JavaScript and asp.net. Now I will explain how to make scrollable html table with fixed header using css with example.

To implement html table with fixed header using css we need to write the code like as shown below

jQuery Disable F12 Key, Console Log in Browser in JavaScript Example

Introduction:

By clicking F12 in the browser we can open the Console log and development tool of a web site running in the browser. As a developer while you are developing its OK for you, but when others are trying to see your application code and do some operations definitely we don't want to disclose this. So what is the solution? we can easily prevent this using some simple JavaScript  and jQuery scripts. Let’s see how.

Description:

To stop this we can do two things. One, while users are opening the console log he or she will be prompted with some message or user will not be accessing the F12 key with mouse right click options. We will discuss both the ways one by one.

jQuery Open File Upload Dialog Box on Button (image) Click Instead of File Upload Control

Introduction: 

Here I will explain how to open file upload dialog on button click or image in jQuery or show upload button to upload images instead of file upload control in jQuery with example. To show file upload dialog box on button click in jQuery we need to hide file upload control and enable upload control click on button click.

Description:
  
In previous articles I explained jQuery load more records on button click in repeater, jQuery show asp.net exception message in ajax calls, jQuery check whether radiobutton selected or not, jQuery get radio button selected value by name, jQuery validate radiobuttonlist with example and many articles relating to css, AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to use jQuery to open file upload dialog box on button click or image with example.

jQuery Count (Get) Number of Rows in Table with Example

Introduction: 

Here I will explain how to get number of rows count in table in jQuery or count number of rows in table in jQuery with example or jQuery get number of table rows length or jQuery get rows length in table with example.

Description:
  
In previous articles I explained jQuery load more records on button click in repeater, jQuery show asp.net exception message in ajax calls, jQuery check whether radiobutton selected or not, jQuery get radio button selected value by name, jQuery validate radiobuttonlist with example, jQuery slideup, slidedown, slidetoggle effects example, jQuery add border to images using css classes and many articles relating to css, AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to use jQuery to get number of rows count in table with example.

Send HTML File or Page as Email Body in Asp.net using C#, VB.NET

Introduction:

Here I will explain how to send html page or file as email body in asp.net using C# and VB.NET.

Description:

In previous article I explained Send Mail in asp.net, Send mail with images using gmail credentials, Send mail with attachment in asp.net and many articles relating to JQuery, asp.net, SQL Server etc. Now I will explain how to send html page as email body in asp.net using C# and VB.NET.

Show(Display) DataTable in HTML Table in Asp.Net from Database using C#, VB.NET

Introduction: 

Here I will explain how to show or display data from datatable in html table in asp.net from database in c#, vb.net or display data from database in html table in asp.net using c#, vb.net with example or get data from datatable and show it in html table in asp.net using c#, vb.net.

Description:
  
In previous articles I explained scrollable table with fixed header using css, jQuery play youtube videos in asp.net, edit gridview row details with ajax modalpopupextender in asp.net, import data from excel to database in asp.net, read xml file and bind data to gridview in asp.net, insert selected gridview rows in database in asp.net and many articles relating to gridview, asp.net, c#,vb.net and jQuery. Now I will explain how insert display datatable data html table in asp.net from database in c#, vb.net.

Scrollable HTML Table Body with Fixed Header using CSS with Example

Introduction: 

Here I will explain how to implement scrollable html table body with fixed header columns using css styles with example or html table with fixed header and scrollable or scrolling body using css with example.

Description:
  
In previous articles I explained Best Login page design with html and css, jQuery add border to all images using css, change default text color selection using css, jQuery add multiple markers to google map from database, Show more link to shorten text and display it and many articles relating to html, css, jQuery, JavaScript and asp.net. Now I will explain how to implement html table with fixed header and scrollable body using css.

To implement html table with fixed header and scrollable body using css we need to write the code like as shown below

jQuery Convert JSON Data to HTML Table using jQuery Row Append Properties

Introduction: 

Here I will explain how to convert JSON data to html table using jQuery or convert JSON data into html table using jQuery or jQuery convert JSON data into html table or jQuery create html table using JSON data.

Description:
  
In previous articles I explained jQuery read and parse JSON string using ParseJSON method, jQuery call asp.net page methods from json, jQuery add multiple markers to google map from database, jQuery check file size before upload in asp.net, jQuery setInterval() function example and many articles relating to jQuery, JSON, JavaScript and asp.net. Now I will explain how to convert JSON data to html table using jQuery.

Angularjs Refresh DIV for Every 1 Second Using Interval Module

Introduction: 

Here I will explain how to refresh div for every 1 second using AngularJS. Generally in JavaScript we will use setInterval() function to run our code for every specific period of time same way in AngularJS we have $interval angular module to do same functionality like setInterval() function. To refresh div for every 1 second here I am going to use $interval angular module.

Description:
  
In previous articles I explained jQuery setInterval() function example, start and stop time in javascript using setInterval function, jQuery redirect to another page after 5 seconds, Javascript redirect to another page after 5 seconds and many articles relating to jQuery, JavaScript and asp.net. Now I will explain how to refresh div for every 1 second using AngularJS.

Dropdownlist Validation using JavaScript in HTML, Asp.net

Introduction: 

Here I will explain how to validate dropdownlist using JavaScript in asp.net or html or dropdownlist validation using JavaScript in html or asp.net. To validate dropdownlist first we need to get selected value of dropdown based on that we can raise validation message.

Description:
  
In previous articles I explained how to remove row in table using jQuery, jQuery highlight table row and column on mouseover in asp.net, jQuery detect caps lock on or not, jQuery change image on mouseover, jQuery dropdown with images, jQuery Countdown timer script example and many articles relating to jQuery and asp.net. Now I will explain how to validate dropdownlist using JavaScript in asp.net or html.

Display Data in HTML Table from Database using Asp.net in C#, VB.NET

Introduction: 

Here I will explain how to display data from database in HTML Table in asp.net using c# and vb.net or show data in HTML table from database using asp.net in c# and vb.net.

Description:
  
In previous articles I explained jQuery play youtube videos in asp.net, Access HTML selected value from dropdownlist in asp.net, Remove tab index or tab focums for HTML elements in asp.net  and many articles relating to HTML, asp.net, c#,vb.net and jQuery. Now I will explain how to display data from database in HTML Table in asp.net using c# and vb.net.

Asp.net controls like the gridview are processed on the server and then the results are translated into HTML and JavaScript before it is sent to the browser.  An html table can be read directly by a browser, so there is no need to translate it.

jQuery Play (Embed) YouTube Videos in Asp.net Application or Website from URL

Introduction: 

Here I will explain how to play YouTube videos in asp.net application or website using c# or Embed or Display YouTube videos in asp.net website from URL.

Description:
  
In previous articles I explained Show jQuery show YouTube video in modal popup in asp.net website, jQuery add play image icon to youtube videos, jQuery hide youtube video controls , jQuery generate thumbnails for youtube videos and many articles relating to YouTube, asp.net, c#,vb.net and jQuery. Now I will explain how to play YouTube videos in asp.net application or website.

Access HTML seletced Drop Down List value from Code Behind in C# in ASP.NET

Introduction :

In this post I will show you how to get the value of a HTML Drop Down List from the code behind (C# code) in ASP.NET. To do this we need a HTML Drop Down List with values and one ASP Button. And on that Button click we will get the selected value from the Code Behind.

Description :

In the previous examples Suresh Dasari had explained AJAX Country State select from Drop Down List, Show toolip in mouse hover  of Drop Down List, SQL Databind in ASP Drop Down List, Validate Drop Down List using JQuery. Now here I will explain get the selected HTML Drop Down List value from Code Behind(.CS file).

Remove Tabindex for HTML Elements or Remove Tab Focus in Asp.net Controls

Introduction: 

Here I will explain how to remove tabindex for html or asp.net controls or remove tab focus in asp.net controls or html controls.

Description:
  
In previous articles I explained jQuery regular expression to validate url without http(s), regular expression to validate phone number in jquery, regular expression to replace all special characters with spaces in c#, regex email validation in c# and many articles relating to validation, JQuery. Now I will explain how to remove tabindex for html / asp.net controls or remove tab focus in asp.net controls.

Best Login Page Design in HTML, CSS with Source Code

Introduction:

Here I will explain how to create best login page design in html and css with source code or login page design in html and css with source code or simple login form with html and css.

Description:

In previous articles I explained Change default selection of color using css, jQuery add border to all images using css, jQuery add more or less link to view text, jQuery add play button for youtube thumbnail images and many articles relating to html and css. Now I will explain how to create best login page design in html and css with source code.

How to Change Default Text Selection Color with CSS | CSS Change Text Highlight Color

Introduction: 

Here I will show how to change default text selection color with CSS in website or change text highlight color using CSS in website.

Description:
  
In previous articles I explained jQuery Change background color of div, jQuery fadein fadeout effect, jQuery get current page url and title, jQuery create rounded corners for textbox and many articles relating to JavaScript, jQuery, CSS, asp.net. Now I will explain how to change text selection color using CSS in website.

To change text selection color using CSS we need to write the CSS classes like as shown below