열이 올바르게 정렬되지 않았습니다.

열 상태의 데이터를 올바르게 정렬하려면 어떻게해야합니까? 데이터를 업데이트하면 첫 번째 그림과 같이 정렬되지 않습니다.열이 올바르게 정렬되지 않았습니다.

$('#'+brand_id).children('td[data-target=brand_status]').html(brand_status == "Available" ? "<span class='label label-success'>Available</span>" : "<span class='label label-danger'>Not Available</span>");

편집 : 약간의 편집, 지금 대체 할 수있는이 같은 TD 내용은 스팬와 TD를 교체

$('#btn_edit').click(function(){ 
      var brand_id = $('#brand_id').val(); 
      var brand_name = $('#brand_name').val(); 
      var brand_status = $('#brand_status').val(); 

      $.ajax({ 
       url  : 'edit_brand.php', 
       method : 'POST', 
       data  : {brand_name : brand_name, brand_status : brand_status, brand_id : brand_id}, 
       success : function(response) { 
           $('#'+brand_id).children('td[data-target=brand_name]').text(brand_name); 
           if (brand_status == "Available") { 
            $('#'+brand_id).children('td[data-target=brand_status]').replaceWith("<span class='label label-success'>Available</span>"); 
           } else { 
            $('#'+brand_id).children('td[data-target=brand_status]').replaceWith("<span class='label label-danger'>Not Available</span>"); 
           } 
           $('#modal-edit').modal('toggle'); 
          } 
      });

출처

2017-11-09 Francis John Vargas

외형 만 정렬되어 있습니다. 어떻게 원합니까? – Nitesh

그래,하지만 내 스팬 태그에 정렬하려고했을 때. 아직, 그것은 작동하지 않습니다. –

당신의 CSS는 어떻게 생겼습니까? 두 레이블을 모두 세로로 가운데 놓아야합니까? 작업 열의 버튼은 괜찮은 것처럼 보이지만 상태 및 브랜드 이름 열의 레이블과 텍스트는 가운데에 있지 않습니다. – scheien

는 교체 시도 전체 if-else 블록)

출처

2017-11-09 07:40:06

젠장! 이제 작동 중입니다. 나는 여기에 HTML을 사용하는 것을 몰랐다. 나는 그것의 데이터를 바꾸기 위해 replaceWith 만 생각했다. 하지만, 나는 이미 아이들을 사용하여 그것을 바꾼다. 하하. 고맙습니다! –

도와 주시겠습니까? 스택 오버플로를 환영합니다. 이 답변 또는 다른 사람이 문제를 해결 한 경우이를 수락 한 것으로 표시하십시오. –

열이 올바르게 정렬되지 않았습니다.

답변

관련 문제