html table header fixed

table-fixed-two-rows-scroll.html

<style>
    table.paymentGroups tbody tr.grey th {
        background-color: #ddd;
    }
    table.paymentGroups thead tr:first-child th {
		  position:sticky;
		  top:0px;
          background: white;
          z-index: 2;

	}
  
    table.paymentGroups tbody tr th {
        background: white;
        position: sticky;
        top: 30px; /* Don't forget this, required for the stickiness */
       box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }
    table.paymentGroups thead tr th {
        background-color: #337ab7 !important;
        border-color: #337ab7 !important;
        color: #fff;
    }
</style>

<table class="paymentGroups table table-striped table-bordered table-condensed">
                            <thead>
                                <tr>
                                    <th>AccountId</th>
                                    <th>Name</th>
                                    <th>CustomerType</th>
                                    <th>Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($paymentGroups as $k => $paymentGroup)
                                    <tr class="grey">
                                        <th>{{ $paymentGroup['salesAgent']['code'] }}</th>
                                        <th>{{ $paymentGroup['salesAgent']['name'] }}</th>
                                        <th>{{ $paymentGroup['salesAgent']['email'] }}</th>
                                        <th>{{ number_format($paymentGroup['salesAgent']['total'], 2, '.', ',') }}</th>
                                    </tr>
                                    @foreach ($paymentGroup['accounts'] as $account)
                                        <tr>
                                            <td>{{ $account['id'] }}</td>
                                            <td>{{ $account['name'] }}</td>
                                            <td>{{ $account['customerType'] }}</td>
                                            <td>{{ number_format($account['total'], 2, '.', ',') }}</td>
                                        </tr>
                                    @endforeach

                                @endforeach
                            </tbody>
                        </table>