JSFiddle - React, Tailwind, and code Playground

by wenyi

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/develop/dist/bootstrap-table.min.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/f59d7537a782063c4c7007a182c4c21958707efc/src/bootstrap-table.js"></script>
<!DOCTYPE html>
<html lang="de">
    <head>
        <title>Test</title>
        <script src="http://code.jquery.com/jquery-3.3.1.js"
                integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
                crossorigin="anonymous"></script>
        <script type="text/javascript" src="../src/bootstrap-table.js"></script>
        <link rel="stylesheet" href="../src/bootstrap-table.css">
        <meta charset="UTF-8">
    </head>
    <body>
        <table data-toggle="table" data-search="true">
            <thead>
                <tr>
                    <th data-formatter="formatter1">
                        Test1
                    </th>
                    <th>
                        Test2
                    </th>
                    <th>
                        Test3
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>2</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>3</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>4</td>
                    <td>4</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

JavaScript

function formatter1(value) {
  return '>' + value
}