layui 단 추 를 누 르 면 편집 가능 한 줄 을 추가 합 니 다.

어제 한 줄 을 성공 적 으로 추 가 했 습 니 다.오늘 추가 하고 싶 은 줄 은 셀 편집 이 가능 합 니 다.
그러나 edit:'text'가 추 가 된 후에 도 셀 편집 을 할 수 없 으 며 기 존 데이터 가 가능 하기 때문에 브 라 우 저 디 버 깅 을 통 해 기 존 데이터 의 스타일 을 보 았 습 니 다.그림 과 같 습 니 다.

따라서 단 추 를 누 르 면탭 을 추가 하 는 방법 은 다음 과 같 습 니 다.

$("#addTable").click(function(){
var tr=" <tr>"+
   " <td data-field='domainId' data-edit='text'> <div class='layui-table-cell laytable-cell-1-domainId '>11 </div></td>"+
   " <td data-field='colName' data-edit='text'> <div class='layui-table-cell laytable-cell-1-colName '>22 </div></td>"+
   " <td data-field='typeName' data-edit='text'> <div class='layui-table-cell laytable-cell-1-typeName '>33 </div></td>"+
   " <td data-field='scale'  data-edit='text'> <div class='layui-table-cell laytable-cell-1-scale  '>44 </div></td>"+
   " <td data-field='notNull' data-edit='text'> <div class='layui-table-cell laytable-cell-1-notNull '>55 </div></td>"+      
   " </tr>";                                                                 
 $(".layui-table-body .layui-table tbody").append(tr); });
효 과 는 다음 과 같 습 니 다:

이상 의 layui 단 추 를 누 르 면 편집 가능 한 줄 을 추가 하 는 방법 은 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 실 수 있 고 많은 응원 부 탁 드 리 겠 습 니 다.

좋은 웹페이지 즐겨찾기