JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-12">
        <div class="table-attachment">
  <button type="button" id="addAcquirersBtn" data-toggle="modal" data-target="#myModal" class="btn btn-default" tabindex="-1">取得者の追加</button>
  
  <button type="button" id="deleteAcquirersBtn" class="btn btn-default" tabindex="-1" disabled="disabled">選択した取得者の削除</button>
  
  
</div>
<table id="acquisition_table" name="acquisition_table" class="table table-bordered">
  <tbody><tr id="acquisition-row-head">
	<th class="column-xxsmallItem"></th>
	<th class="column-mediumItem">取得者</th>
	<th class="column-largeItem">分割割合</th>
	<th class="column-largeItem">価額</th>
	<th class="column-mediumItem">数量</th>
  </tr><tr class="acquisition-row">							<td class="text-center">								<input type="hidden" class="acquisition_id" name="acquisition_id" value="acquisition-55a47d7f2bf3e5368e000008">								<input type="hidden" class="heir_id" name="heir_id" value="heir-559a11de2bf3e51920000007">								<input type="hidden" class="heir_name" name="heir_name" value="a1　b">								<input type="hidden" class="status" name="status" value="active">								<input type="hidden" class="heir_code" name="heir_code" value="100201">								<input type="checkbox" class="acquisition_select_checkbox" onclick="ihtx.core.checkDeletebButtonStatus();">							</td>							<td>a1　b</td>							<td>								<div class="form-inline">									<input type="text" class="division_ratio_numerator form-control form-smallItem text-right FLEX_IME_MODE_ALPHANUMERIC_HALF" value="22222222" style="text-align: right;">									<span>/</span>									<input type="text" class="division_ratio_denominator form-control form-smallItem text-right FLEX_IME_MODE_ALPHANUMERIC_HALF" value="322223322" style="text-align: right;">								</div>							</td>							<td>							  <input type="text" class="acquisition_value_amount form-control text-right FLEX_IME_MODE_ALPHANUMERIC_HALF" value="22,222" style="text-align: right;">							</td>							<td>							  <input type="text"...

CSS

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}
table, td, th {
    border: 1px solid green;
}

th {
    background-color: green;
    color: white;
}

JavaScript

$(function(){
$("#acquisition_table").on("focus", "[type='text']", function () {
   $(this).trigger('select');
});
});