--- title: "How to make a table with dark background and with striped between them?" description: "How to make a table with dark background and with striped between them?" author: "Ethan Karla" published: 2021-07-28 canonical: https://answers.mindstick.com/qa/93853/how-to-make-a-table-with-dark-background-and-with-striped-between-them category: "web application" tags: ["web servers", "web development", "web development services"] reading_time: 3 minutes --- # How to make a table with dark background and with striped between them? How to make a [table](https://www.mindstick.com/articles/43918/how-to-design-table-using-bootstrap) with dark [background](https://www.mindstick.com/articles/65/how-to-change-background-color-of-tab-control-in-c-sharp) and with [striped between them](https://www.mindstick.com/forum/156600/table-with-dark-background-and-with-striped-between-them)? ## Answers ### Answer by Ravi Vishwakarma When we create a table in bootstrap, bootstrap gives a class to create a table on the Html page, first we add the class 'table'. Padding and margin are given for the table in this class. then we are using the 'table-dark' for making the dark table and if we want to change the color of even and an odd row of the table then we use the 'table-striped' class also use the 'table-hover' for the hover property on the table. there are many classes for design the table in bootstrap. ``` .table          Draw a table with margin and padding.table-primary Blue: Indicates an important action.table-success Green: Indicates a successful or positive action.table-danger Red: Indicates a dangerous or potentially negative action.table-info Light blue: Indicates a neutral informative change or action.table-warning Orange: Indicates a warning that might need attention.table-active Grey: Applies the hover color to the table row or table cell.table-secondary Grey: Indicates a slightly less important action.table-light Light grey table or table row background.table-dark Dark grey table or table row background ``` Example ```     Bootstrap Example                            
       

Black/Dark Table

       

The .table-dark .table-striped .table-hover class

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
FirstnameLastnameEmail
AnupameShrivastavanupama@example.com
ShriyamTyagishriyam@example.com
ShivamPrajapatishivam@example.com
33some@example.com
   
``` Output ![How to make a table with dark background and with striped between them?](https://answers.mindstick.com/questionanswer/47ee0254-67bb-4689-ad89-6f14816a8106/images/be277693-f396-474e-84eb-ccafc2e64953.png)\ --- Original Source: https://answers.mindstick.com/qa/93853/how-to-make-a-table-with-dark-background-and-with-striped-between-them Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.