JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<table class="dar">
    <thead>
        <tr>
            <th class="matrisHeader">&nbsp;</th>
            <th data-original-title="111" data-toggle="tooltip" data-placement="bottom" class="matrisHeader" data-container="body" title="">PÇ1</th>
            <th data-original-title="222" data-container="body" data-toggle="tooltip" data-placement="bottom" class="matrisHeader" title="">PÇ2</th>
            <th data-original-title="333" data-container="body" data-toggle="tooltip" data-placement="bottom" class="matrisHeader" title="">PÇ3</th>
            <th data-original-title="444" data-container="body" data-toggle="tooltip" data-placement="bottom" class="matrisHeader" title="">PÇ4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th data-original-title="555" data-container="body" data-toggle="tooltip" data-placement="bottom" style="text-align: center;" title="">ÖÇ1</th>
            <td data-original-title="666" data-container="body" data-toggle="tooltip" data-placement="bottom" title="">&nbsp;</td>
            <td data-original-title="777" data-container="body" data-toggle="tooltip" data-placement="bottom" title="">&nbsp;</td>
            <td data-original-title="888" data-container="body" data-toggle="tooltip" data-placement="bottom" title="">&nbsp;</td>
            <td data-original-title="999" data-container="body" data-toggle="tooltip" data-placement="bottom" title="">&nbsp;</td>
        </tr>
        <tr>
            <th data-original-title="000" data-container="body" data-toggle="tooltip" data-placement="bottom" style="text-align: center;" title="">ÖÇ2</th>
            <td data-original-title="aaa" data-container="body" data-toggle="tooltip" data-placement="bottom"...

CSS

td {
    border:1px solid #333;
}

JavaScript

$(function () {
    $("[data-toggle='tooltip']").tooltip();
});