Datatables sDom challenge tablonun sol alt kısmına yeni eleman ekle

Question

Tablonun altındaki tablolarıma bir "yenileme" düğmesi eklemek istiyorum. Ama daha yeni veri yığınları kullanmaya başladım ve biraz da kafa karıştırıcı "sDom" parçası olduğu gibi bunu bu yolla yapabileceğimi söylüyorum ama açıklama en iyi ihtimalle belirsiz.

"sDom": '<"top"i>rt<"bottom"flp><"clear">' 

datatables.net örnektir, ama kafaları veya bunun kuyrukları nasıl Bilmiyorum ve yapmak istediğim tek bir basit bir şeydir.

Veya yapmak istediklerim için daha uygun olacak bir "sDom" dışında var mı?

Answer 1

Burada değiştirilmiş bir sDom canlı örneğini bulabilirsiniz.

http://live.datatables.net/onaqul/edit#javascript,html,live

Burada structrue <"#refresh"> ile div denilen <div id="refresh"></div> enjekte ediyorlar. Örneğin üretilen dom incelemek durumunda

$('#example').dataTable({ 
     "sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">' 
     }); 

, sen <div id="refresh"></div><div class="bottom"></div> iç sokulan var görebilirsiniz.

(1) özel tablonuzun altbilgi elemanlarının nasıl oluşturulduğunu, (2) sDom kullanarak belirli öğelerinizi enjekte etmeye karar verdiğiniz yere ve (3) öğeyi (leri) senin CSS.

Alternatif olarak, veri ortamı ortamının dışında oluşturulmuş bir düğme olabilir, ancak düğmenizi oluşturduğunuz dom öğelerinden birine düğmeyi eklemek veya eklemek için jquery'yi kullanabilirsiniz. Umarım bu yararlı bir başlangıç ​​noktasıdır.

Answer 2

DataTables 'sDom' özelliğinin kafa karıştırıcı olduğunu kabul ediyorum. Şahsen ben sadece tablo oluşturur sDom eşit 't' ayarlamak, ve herhangi bir düğme eklemek veya jQuery veya başka bir yöntem kullanarak DataTables kodu dışında ne var. Bir cevap çok fazla değil, ama ben sizin durumunuzda olsaydım ve bir düğme eklemek gibi basit bir şey yapmak isterdim.