I am trying to create a table which has a centered title (which is essentially one row) and then has multiple columns spaced out evenly as table elements in the body. However when I try this, the table title field spazzes out and gets sized down which I don't want.
What I want is essentially this:
However when I try to do what I had in mind: this happens.
My code that I (tried to) use to create the table as in the desired example:
@extends('layouts.app') @section('content') <div class="container-fluid"> <table class="table"> <thead> <tr> <th class="lopendeopdrachten">Opdrachten</th> </tr> </thead> <tbody> <tr> <td>test<td> <td>test<td> <td>test<td> <td>test<td> </tr> </tbody> </table> </div> @endsection
I am programming this in laravel which includes bootstrap for reference.
If anything is still unclear please do ask. Also, if this is a duplicate question I apologize. I couldn't find any comparable problems, though.
<th class="lopendeopdrachten" colspan="4">Opdrachten</th>
You're missing the
<th class="lopendeopdrachten text-center" colspan="4">Opdrachten</th>
what you want is a table with an irregular header right? This link should have all your needs for irregular tables like irregular rows and headers. It's not really a bootstrap problem but an HTML one so I think referring to the link given above should give what you need.