列が正しく整列していません

Question

列ステータスのデータを正しく整列させるにはどうすればよいですか？データを更新すると、最初の画像のように整列しません。

$('#'+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'); 
          } 
      }); 

Answer 1

は、交換してみてくださいif-elseブロック全体）