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.

Compétences : Bootstrap , CSS, HTML, Javascript, jQuery / Prototype

en voir plus : 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

Concernant l'employeur :
( 89 commentaires ) Metairie, United States

Nº du projet : #17595623

Décerné à:


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 Plus

%selectedBids___i_sum_sub_4% %project_currencyDetails_sign_sub_5% USD en 1 jour
(28 Commentaires)

14 freelance font une offre moyenne de $26 pour ce travail


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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(101 Commentaires)

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.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(110 Commentaires)

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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(24 Commentaires)

Hello, thank you for your project offer. I am willing to work on this project. I have been working in IT world over 6 years by now and have enough skills and experiences in web development. Moreover, I am good at graph Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(19 Commentaires)

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.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(10 Commentaires)
%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(9 Commentaires)

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 0 jours
(8 Commentaires)

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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(2 Commentaires)

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

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(8 Commentaires)

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

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(3 Commentaires)
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(0 Commentaires)

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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(0 Commentaires)