Close

Table with a fix table header

This is an example of a table layout with a fixed table header, designed using Html, CSS, JavaScript, and Bootstrap framework 4. The font style is imported to the code with its URL. The table consists of a fixed header and five data columns. The body of the form is given the styles of background as linear-gradient(to right, #25c481, #25b7c4), and the font-family as 'Roboto', sans-serif. The title of the table is displayed using the styles of font-size as 30px, font color as #fff, text-transform as uppercase to automatically convert the text to uppercase, font-weight as 300, text-align as center, and margin-bottom as 15px. The table header is given a background color as rgba(255,255,255,0.3). The table header has the styles of text-align as left, font-weight as 500, font-size as 12px, font color as #fff, and text-transform as uppercase. The table is also given a scroll bar. Source: https://mdbootstrap.com/snippets/jquery/berika_tavadze/461964#js-tab-view

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.