---
title: "how to design table using bootstrap"
description: "The HTML tables are used to present data in grid format like row and columns. See the tutorial on HTML Tables to learn more about tables."
author: "Anonymous User"
published: 2019-02-06
updated: 2022-12-26
canonical: https://www.mindstick.com/articles/43918/how-to-design-table-using-bootstrap
category: "bootstrap"
tags: ["bootstrap", "bootstrap framework"]
reading_time: 2 minutes
---
# how to design table using bootstrap
## [Introduction](https://www.mindstick.com/blog/359/iphone-development-introduction):
In this [tutorial](https://yourviews.mindstick.com/view/81591/semrush-tutorial-and-review-2020-how-to-use-it-to-20x-your-website-traffic) you'll learn how to design a table using Bootstrap.
## Description:
The HTML [tables](https://www.mindstick.com/articles/336597/introduction-of-html-tables-for-web-development) are used to [present](https://yourviews.mindstick.com/audio/1329/how-being-present-enhances-creativity-and-joy) data in grid format like row and columns.
See the tutorial on HTML Tables to learn more about tables.
Creating a Simple Table with Bootstrap :
You can create tables with basic styling that has horizontal dividers and small cell padding (8px by [default](https://www.mindstick.com/interview/2204/what-are-the-new-enhancements-done-in-default-project-template-of-asp-dot-net-mvc-4)), by just adding Bootstrap's table class.,
\
\
\
\
\
\
Example of Bootstrap 3 Simple Tables \
\
<[script](https://answers.mindstick.com/qa/116582/from-idea-to-launch-polymarket-clone-script-for-entrepreneurs) src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'> \
\
\
\
\