Title:
Table responsive
Created on:
November 16, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautiful and responsive data table created using pure HTML and CSS. It has an amazing 3d hover effect when you hover on a table cell and also it will highlight the table row to cell.
Title:
Fixed table header
Created on:
November 03, 2016
Made with:
HTML, CSS, jQuery
Responsive:
Yes
Dependencies:
jQuery
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautiful transparent table with scrolling functionality created using HTML, CSS, and jQuery. The header fields are freezed to scroll the data and are highlighted with a different background color. It looks great with a gradient background.
Title:
CSS table
Created on:
October 03, 2017
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A classic beautiful data table created using HTML and SCSS. When you hover over the table, it will expand the row with more information and also change the background color of the row. This CSS table is also responsive.
Title:
Responsive table with data tables
Created on:
April 15, 2015
Made with:
HTML, CSS, jQuery
Responsive:
Yes
Dependencies:
jQuery
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A classic responsive table with a search and sort functionality created using HTML, CSS, and jQuery. When you click on the table, heading row it will sort all rows according to that column and search functionality is given to search any desired record.
Title:
Slick tables
Created on:
October 29, 2014
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A sophisticated slick table created using pure HTML and CSS. It looks great with a dark color scheme website. Hover effects are also given to the rows. Header fields are highlighted with the other color to differentiate between header and data rows.
Title:
Pure css table highlight
Created on:
March 22, 2016
Made with:
HTML, CSS(Less)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A gradient color transparent table created using pure HTML and CSS. When you hover over the cell, it will show amazing highlighting with column, row, and cell itself. Table field names are also highlighted with the different background colors.
Title:
CSS responsive layout
Created on:
March 16, 2014
Made with:
HTML, CSS(Sass)
Responsive:
yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A set of simple easy to implement customized data tables created with HTML and CSS(Sass). Each of these 3 tables is presented with unique data and different color A set of simple easy to implement customized data tables created with HTML and CSS(Sass). Each of these 3 tables is presented with unique data and different colors.
Title:
Fade and blur on hover data table
Created on:
July 31, 2012
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
An elegant classic data table with blurring effects created using pure HTML and CSS. When you hover over the table, it will only show the row that is hovered while other rows are blurred. It is useful when the user wants to focus on a particular row and doesn’t want to see the others.
Title:
Responsive table html and css only
Created on:
June 17, 2019
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A responsive and clean table layout created using pure HTML and CSS. The header row is highlighted with a different color layout. On mobile devices, the header row is fixed to the left and the content is scroll-able horizontally.
Title:
Angular material table
Created on:
September 25, 2016
Made with:
HTML, CSS, Angular.js
Responsive:
Yes
Dependencies:
Angular.js
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A delightful angular material table with hovering effects created using HTML, CSS, and Angular.js. It also has searching functionality for the table. Pagination is also implemented for the table data.
Title:
CSS table with checkbox
Created on:
July 02, 2015
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A simple yet elegant CSS table with checkboxs created using pure HTML and SCSS. This table is also responsive and looks great on web pages.
Title:
Dynamic background tiles table
Created on:
April 17, 2014
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautiful dynamic background tiles table created using pure HTML and SCSS. This CSS table is responsive, looks clean and modern, and allows you to differentiate between the columns of data via colors.
Title:
Data table
Created on:
September 10, 2017
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A classic and stylish data table layout created using pure HTML and CSS. When you hover over the table, it will highlight rows with the gray background. It also changes the text color to give a rich look to the table data.
Title:
Data table with custom row buttons
Created on:
March 31, 2017
Made with:
HTML, CSS, JavaScript
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A table designed with HTML, CSS, and JavaScript to give the user a ton of features. It Lets the user customize the number of rows shown and sort the data according to selected columns. It also provides the user buttons to copy, add or delete, download and export the table data in various forms.
Title:
Sticky table headers
Created on:
July 13, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautiful table layout with different color sticky table headers created using pure HTML and CSS. It has a sticky table header in multiple colors that pushes one other to show a beautiful circular effect.
Title:
Modern table
Created on:
September 10, 2013
Made with:
HTML, SCSS, jQuery
Responsive:
No
Dependencies:
Sass, jQuery
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A simple beautiful table layout created using HTML, SCSS, and jQuery. When you hover over the table rows, it will highlight the row with the beige background color. Box shadow is also given so as to give a 3D look to the table.
Title:
Responsive table with detail view
Created on:
June 29, 2014
Made with:
HTML(Haml), SCSS, jQuery
Responsive:
Yes
Dependencies:
jQuery, Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A delightful amazing responsive table with a detailed view created using HTML, SCSS, and jQuery. When you click on select button, it will show more detail that overwrites the current page with sliding effects.
Title:
Pagination table
Created on:
March 22, 2014
Made with:
HTML, CSS, JavaScript
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A very useful table style that is efficiently designed with an alternate color scheme for each consecutive row. The user can also specify the number of rows that is to be displayed on each page.
Title:
Data table using jquery.datatable in Angularjs
Created on:
August 01, 2016
Made with:
HTML, CSS, Angular.js
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
Another sleek and highly funtional CSS table created with Angular.js. Provides options for adjusting the number of items on the list page along with a functional search bar.
Title:
Static HTML5 table
Created on:
December 16, 2014
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A static HTML5 table created using HTML and CSS. The table looks beautiful with white text and table border and there is a subsection also in the table.
Title:
Flat university timetable
Created on:
September 05, 2014
Made with:
HTML(Haml), SCSS
Responsive:
No
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A multicolor flat university timetable created using HTML(Haml) and SCSS. It looks beautiful and easy to understand the schedule. When you hover over the cell, it will show the actual subject name on the tooltip with a smooth fade-in effect.
Title:
Bootstrap table filter,sorting,export
Created on:
December 27, 2016
Made with:
HTML, JavaScript
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A simple table design created with only HTML and JavaScript. Provides advanced searching, sorting, and export options.
Title:
Angular JS Filter
Created on:
September 30, 2016
Made with:
HTML, CSS, Angular.js
Responsive:
Yes
Dependencies:
Angular.js
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A simple yet classic data table with a searching and pagination functionality created using HTML, CSS, and Angular.js. It looks simple but you can add background to the field row. It has also given amazing pagination functionality.
Title:
Collapsible responsive table
Created on:
March 25, 2014
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A responsive table layout created using HTML and SCSS. The table collapses into a "list" on small screens. Headers are pulled from data attributes. Field names are highlighted with bold and yellow colors.
Title:
Responsive tables using LI
Created on:
January 11, 2018
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A classic responsive CSS table layout created using HTML and SCSS. The field name row is highlighted with a gray background. Each row has a cell spacing between them and shadow effect is given to give an amazing look to table data.
Title:
Nutrition facts table in HTML and CSS
Created on:
September 06, 2013
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
Pricing list design created with HTML and SCSS. Built up as a label mockup. Looks very tidy and provides with a lot of information and is very easy to use and implement.
Title:
Pricing table - pure css
Created on:
July 11, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautifully designed pricing table created using HTML, and CSS that places the graphics in an offset manner. Also provides with info and buttons on the card. Very easy to use and implement.
Title:
Gradient pricing table
Created on:
February 14, 2018
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautiful pricing table with a gradient background created using pure HTML and CSS. When you hover over the table, this CSS table will scale the card to a bigger size so the user can focus. It looks great with the white color scheme website.
Title:
Pricing Table Design
Created on:
June 25, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A stylish CSS pricing table designed using various morphed shapes and a using glow-up, on-hover animation. Also comes with an exciting moving particle animation.
Title:
Tailwind CSS pricing panel responsive
Created on:
September 19, 2019
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
Minimal yet pretty pricing table design, that also contains a linked list along with headers and paragraphs, that can showcase a good deal of info. Created only using HTML.
Title:
Animated pricing table
Created on:
October 27, 2018
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
An interactive animated pricing tables created using HTML and SCSS. When you hover over the table, it will pop out the card so the user can focus and also slide the subscribe button to 100% width on the card that looks amazing.
Title:
Static pricing table
Created on:
August 24, 2018
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A simple static pricing table is created using pure HTML and SCSS. For all the cards in the table, a border shadow is given. The cards are arranged such that it gives the 3D effect to price table.
Title:
Pricing plans
Created on:
March 19, 2019
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A classic static pricing plan table with hover effect on the buttons created using pure HTML and CSS. It looks great with a image background and also highlights the best price of the plan with a different dark look. The button shadows looks cool when you hover over the button.
Title:
Adaptive pricing table
Created on:
April 23, 2021
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A stylish, modern and clean-looking pricing table created using HTML and SCSS. When you hover over the table, it will pop out the card so the user can focus on the plan and also show a nice popup effect when you hover on the button. It also shows the spinning button highlighting the most popular plan.
Title:
Pricing table UI design
Created on:
October 03, 2017
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
An elegant pricing table on the green background created using pure HTML and SCSS. When you hover on the button, it has a nice sliding effect that shows the cart icon.
Title:
Pure css pricing table
Created on:
April 11, 2018
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A sophisticated, responsive and modern pricing table created using pure HTML and CSS. It looks great with the white color scheme website. When you hover over the buttons in each plan, it highlights to brighter color to show the hover effect.
Title:
Pricing table with button hover effects
Created on:
August 23, 2015
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A delightful amazing pricing table with gradient background created using pure HTML and CSS. It has shown the best pricing plan with different background so as to catch user attention. When you hover over the button, it expands with a smooth animating effects.
Title:
Featured pricing table
Created on:
September 13, 2013
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautiful featured pricing table layout created using pure HTML and CSS. The best plan is highlighted with a red banner that will catch the user's attention.
Title:
Elegant pricing table
Created on:
May 13, 2020
Made with:
HTML, CSS, jQuery
Responsive:
No
Dependencies:
jQuery
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
An elegant beautiful pricing table with gradient background created using HTML, CSS, and jQuery. The font in the headers has more weight so it will catch user attention more.
Title:
Bootstrap Pricing Table
Created on:
April 16, 2016
Made with:
HTML, CSS
Responsive:
No
Dependencies:
Bootstrap
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
Table design containing horizontal cards that have hover animations on their items as well as header and buttons. Created only using HTML and CSS.
Title:
Pricing table with hover effect
Created on:
February 24, 2015
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
An attractive pricing table layout with gradient background created using pure HTML and SCSS. When you hover over the table, this CSS table will scale the button larger giving the pop out effect and also highlight the border and the button with an orange background with smooth animation.
Title:
Price table
Created on:
April 08, 2016
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A minimal and functional, pricing table design that also has progress bars at the bottom that change its values according to the card selected. Triggers smooth animation effects on the card as well as progress bars.
Title:
Responsive table with flexbox
Created on:
April 06, 2017
Made with:
HTML, SCSS
Responsive:
Yes
Dependencies:
Sass
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A modern and clean-looking responsive table with flexbox created using pure HTML and SCSS. Hovering effects are given on table header buttons.
Title:
Pricing table
Created on:
October 03, 2014
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
An elegant professional pricing tables with hover effects created using pure HTML and CSS. It is responsive and attractive that shows all the plans of the website. When you hover over the table, it scales the button to give it a pop out effect.
Title:
Css grid: periodic table
Created on:
January 21, 2018
Made with:
HTML(Pug),SCSS,JavaScript
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
Creatively designed periodic table style. Gives out a wonderful on-hover animation with a gradient color effect and a small description pop-up. This CSS table is created using HTML(Pug) and SCSS
Title:
CSS periodic table
Created on:
January 15, 2014
Made with:
HTML, CSS(LESS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A sleek table design created as a periodic table mockup with a beautiful gradient color scheme. Triggers a smooth zoom-in animation on the elements upon hover.
Title:
Periodic table of type CSS grid
Created on:
June 11, 2018
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A periodic table design created with SCSS. The design is kept very minimal and there is no use of color. It triggers a smooth, zoom-in, wobble-type animation with a change in background color.
Title:
Periodic table of elements-HTML/CSS
Created on:
August 09, 2018
Made with:
HTML(Pug), CSS(Saas)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A beautifully designed periodic table created with HTML(Pug) and CSS(Saas). The elements are classified into various categories using different color that giver an overall gradient color scheme to the table. There is also a dedicated navigation bar that separates the selected element class by dimming the other ones.
Title:
Grid CSS periodic table
Created on:
February 24, 2019
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
A minimal yet functional periodic table design that contains all the information along with the full element name their atomic number and other stuff.
Title:
Colorful CSS periodic table
Created on:
February 16, 2016
Made with:
HTML, JavaScript
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Brave, Firefox, Google Chrome, Edge
Code description:
Sleek and responsive periodic table design created only using HTML and JavaScript. Provides a vibrant color to every element class for better classifications.
