Make boostrap table with fixed columns on smaller viewports

I have a table built in Bootstrap 4 and fontawesome. It also uses Jquery and the jquery plugin datatables.

I have attached a sample html file. I want the table to be responsive hence why i am using bootstrap 4. Your job is to make it so when the viewport gets smaller, the first 4 columns are fixed, and the other columns have a horizontal scroll. When all the columns are fixed, there is no scrollbar. I have made a video of ESPN baseball standings and how it works when it gets to smaller view ports. This is EXACTLY what i want this [login to view URL] to do. I want the gray shadow etc after the 4th column just like the video i uploaded.

Keahlian: Bootstrap, CSS, HTML, Javascript, jQuery / Prototype

Lihat lebih lanjut: php mysql loop table rows columns, table freeze columns dhtml, html table variable columns, bootstrap 4 offset, bootstrap column padding, bootstrap column center, bootstrap grid generator, bootstrap css, bootstrap 4 grid only, bootstrap table column width, bootstrap layouts, css, html, bootstrap, javascript, jquery / prototype, create html code table variable columns, sort table fixed, php table sort columns, php table ordering columns

Tentang Pemberi kerja:
( 89 ulasan ) Metairie, United States

ID Proyek: #17595623

Diberikan kepada:


Dear sir, Thank you for the opportunity. I have rich experience in web designing, HTML 5, CSS 3, Bootstrap, PSD to html, jQuery, Javascript and could easily fix your 4 coloums as par your video. Please open chat Lebih banyak

$30 USD dalam 1 hari
(33 Ulasan)

13 freelancer menawar dengan rata-rata $27 untuk pekerjaan ini


Hi there!! I have been using foundation and bootstrap framework for Making Responsive HTML and then using that HTML to make you the word press theme with fully Back-end theme option using that you can edit all the pag Lebih banyak

$35 USD dalam 1 hari
(105 Ulasan)

Hello there! I'm David, one of the experienced Web Developers of CodeAxisPH. Your project seems very interesting to me and I'm more than excited to work with you. Let's discuss the details further in chat.

$50 USD dalam 1 hari
(113 Ulasan)

hello I am perfect client If you are interested in me, I will finish this project Perhaps after 20 minutes, you can check this path [login to view URL] I will release perfect results on my Lebih banyak

$25 USD dalam 1 hari
(27 Ulasan)

Hello As a senior front end developer, I can fix your bootstrap issue soon. It is simple work for professional developers. I am very confident on your task.

$25 USD dalam 1 hari
(12 Ulasan)
$15 USD dalam 1 hari
(9 Ulasan)

Hello, I have checked the attached HTML and video and I am very much confident that i can make the file view on small screens like the video and I am ready to start right now. Lets have a quick conversation So, i Lebih banyak

$30 USD dalam 0 hari
(8 Ulasan)

Hi, I like to work in Bootstrap 4 and have good understanding of display flex. Pls let me know if you want me to work on this Bootstrap 4 table project. I look forward to work with you. Thankx

$25 USD dalam 1 hari
(9 Ulasan)

Hello, Hope you are doing well! I have read project requirement and I am ready to take this opportunity. I can deliver you within time as needed. I have great experience in web designing and development. I h Lebih banyak

$15 USD dalam 1 hari
(2 Ulasan)

Hi client, You can view my profile to know working experience. I can do this with my strong skills. Pick me if you want good scripts. Best regards, Tyron

$25 USD dalam 1 hari
(3 Ulasan)
$10 USD dalam 2 hari
(0 Ulasan)

Hello, I am very interested in this project, and I would like to work with you. I have 3+ years experience in UI and Graphic Design, so this won't be hard project for me, but you will be impress. You can see my p Lebih banyak

$25 USD dalam 1 hari
(0 Ulasan)
$35 USD dalam 2 hari
(0 Ulasan)