如何在for循环中获取表中的特定行高,最后我需要添加每行高

时间:2018-07-24 11:14:56

标签: javascript jquery html5 css3

var max = 0;
var customeheight;
var rowLength = $('.tbl tr').length;

function recordHeight () {
  for (var i = 0; i <= rowLength; i++) {
    customeheight = $(this).height();
    //max+ = max + customeheight;
    alert(customeheight);
  }
}
recordHeight();
.tbl, tr, td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

.tbl {
  width: 100%;
  color: #333;
  font-family: arial;
  font-size: 11px;
}

.wrapData {
  white-space: pre-wrap;
  word-break: break-all;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<!-- This is my table , how can i get each row height, and i need to add total records height.-->

<body>
  <table class="tbl">
    <tr>
      <th width="15%">Emp ID</th>
      <th width="15%">Name</th>
      <th width="60%">Role Description</th>
      <th width="10%">Salary</th>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfs kldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslk fjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvf ksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbf sdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsd
          fkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfs dbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdf
          kjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjd fvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvf slkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfj
          sdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvf jksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfsl
          kfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsd kjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>10000</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfbl sdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfb
          dsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvdskfgsdflskdhfksbdfjksvdghcvgvchsdbclksdsdfsdfsdfsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvf
          ksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjks dvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslk
          fjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdv fsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100001</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksj dvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvf
          ksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsf ksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfk354d1dfg4f6d5g4
          fdg4dfg465+f gdfg4df6g4sjdvfj sdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjks dvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvf
          sdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdv
          fskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdv
          fksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100002</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfj gfdg g6f5d gdf 6g1 6 gf3dg1 gfd3g1d ksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100003</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100004</td>
    </tr>
  </table>
</body>

2 个答案:

答案 0 :(得分:1)

尝试以下代码段

var max = 0;
var customeheight;
var rowLength = $('.tbl tr').length;

function recordHeight() {
  jQuery('.tbl tr').each(function() {
    customeheight = $(this).height();
    console.log(jQuery(this).height());
    alert(customeheight);
  })
}
recordHeight();
.tbl, tr, td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

.tbl {
  width: 100%;
  color: #333;
  font-family: arial;
  font-size: 11px;
}

.wrapData {
  white-space: pre-wrap;
  word-break: break-all;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<!-- This is my table , how can i get each row height, and i need to add total records height.-->

<body>
  <table class="tbl">
    <tr>
      <th width="15%">Emp ID</th>
      <th width="15%">Name</th>
      <th width="60%">Role Description</th>
      <th width="10%">Salary</th>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfs kldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslk fjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvf ksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbf sdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsd
          fkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfs dbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdf
          kjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjd fvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvf slkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfj
          sdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvf jksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfsl
          kfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsd kjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>10000</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfbl sdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfb
          dsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvdskfgsdflskdhfksbdfjksvdghcvgvchsdbclksdsdfsdfsdfsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvf
          ksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjks dvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslk
          fjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdv fsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100001</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksj dvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvf
          ksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsf ksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfk354d1dfg4f6d5g4
          fdg4dfg465+f gdfg4df6g4sjdvfj sdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjks dvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvf
          sdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdv
          fskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdv
          fksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100002</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfj gfdg g6f5d gdf 6g1 6 gf3dg1 gfd3g1d ksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100003</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100004</td>
    </tr>
  </table>
</body>

recordHeight函数中,您正在使用$(this).height()。在您的上下文中,this关键字不指向行。但是,在这种情况下,jQuery传递了this关键字中的行。

答案 1 :(得分:1)

只需修改您的代码即可。

  

使用$('.tbl tr')代替$('.tbl tr').length ..并更改recordHeight函数,并设置除标题tr之外的每个tr元素相等的高度。 / p>

var max = 0;
var customeheight;
var rowElement = $('.tbl tr');

function recordHeight() {
  for (var i = 0; i < rowElement.length; i++) {
    customeheight = $(rowElement[i]).height();

    // Set equal max height for all tr element
    if (max < customeheight) {
      max = customeheight;
    }

    // Set new custom height for all tr element
    // Note: this will also change the header height as the selector element is $('.tbl tr')
    // $('.tbl tr').not($($(rowElement[0]))) will exclude the first element i.e is header row as per your html
    $('.tbl tr').not($($(rowElement[0]))).height(max);

  }
}
recordHeight();
.tbl,
tr,
td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

.tbl {
  width: 100%;
  color: #333;
  font-family: arial;
  font-size: 11px;
}

.wrapData {
  white-space: pre-wrap;
  word-break: break-all;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<!-- This is my table , how can i get each row height, and i need to add total records height.-->

<body>
  <table class="tbl">
    <tr>
      <th width="15%">Emp ID</th>
      <th width="15%">Name</th>
      <th width="60%">Role Description</th>
      <th width="10%">Salary</th>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfs kldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslk fjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvf ksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbf sdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsd
          fkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfs dbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdf
          kjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjd fvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvf slkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfj
          sdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvf jksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfsl
          kfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsd kjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>10000</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfbl sdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfb
          dsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvdskfgsdflskdhfksbdfjksvdghcvgvchsdbclksdsdfsdfsdfsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvf
          ksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjks dvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslk
          fjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdv fsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100001</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksj dvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvf
          ksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsf ksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfk354d1dfg4f6d5g4
          fdg4dfg465+f gdfg4df6g4sjdvfj sdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjks dvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvf
          sdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdv
          fskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdv
          fksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv
        </div>
      </td>
      <td>100002</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfj gfdg g6f5d gdf 6g1 6 gf3dg1 gfd3g1d ksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100003</td>
    </tr>
    <tr>
      <td>01</td>
      <td>Sara</td>
      <td>
        <div class="wrapData">sdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfvsdfdsfsdfkjfbdsfksbfsdbfskldfblsdvfslkfjvsdjvfsjdvfjksdvfksjdvfjsdvfskjdvfksdvfsdkjfvsjdfv</div>
      </td>
      <td>100004</td>
    </tr>
  </table>
</body>