Blazor Table Test BS

by bulutkartal

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="table-responsive">
  <div class="table-responsive">
    <table class="table table-striped table-bordered table-responsive table-condensed">
      <thead>
        <tr>
          <th>1</th>
          <th>2</th>
          <th>3</th>
        </tr>
      </thead>
      <tbody>
        <tr data-toggle="collapse" data-target="#Id1" class="clickable" @onclick="ToggleTableTr">
          <td>1</td>
          <td>1</td>
          <td>1</td>
        </tr>
        <tr class="collapse" id="Id1">
          <td>1.1</td>
          <td>1.1</td>
          <td>1.1</td>
        </tr>
        <tr data-toggle="collapse" data-target="#Id2" class="clickable">
          <td>2</td>
          <td>2</td>
          <td>2</td>
        </tr>
        <tr class="collapse" id="Id2">
          <td>2.1</td>
          <td>2.1</td>
          <td>2.1</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="table-responsive">
    <table class="table table-striped table-bordered table-responsive table-condensed">
      <thead>
        <tr>
          <th>4</th>
          <th>5</th>
          <th>6</th>
        </tr>
      </thead>
      <tbody>
        <tr data-toggle="collapse" data-target="#Id3" class="clickable" @onclick="ToggleTableTr">
          <td>3</td>
          <td>3</td>
          <td>3</td>
        </tr>
        <tr class="collapse" id="Id3">
          <td>3.1</td>
          <td>3.1</td>
          <td>3.1</td>
        </tr>
        <tr data-toggle="collapse" data-target="#Id4" class="clickable">
          <td>4</td>
          <td>4</td>
          <td>4</td>
        </tr>
        <tr class="collapse" id="Id4">
          <td>4.1</td>
          <td>4.1</td>
          <td>4.1</td>
        </tr>
...