Bir önceki ile aynı boyutlara sahip bir tablo oluşturmak için nasıl

8 Cevap php

Daha sonra aynı genişlikleri (tablo ve hücreler) dinamik olarak oluşturulan bir önceki tek bir tablo oluşturmak isteyeyim

1

__________________
|_____|___|_______|
|_____|___|_______|
|_____|___|_______|

2

__________________
|_____|___|_______|
|_____|___|_______|

Ne arzu genişlikleri ile ikinci bir ayarlamak için yapmam gerekiyor. (Tablo 1 genişlikleri içeriğine bağlıdır).

Edit: Finally, I went for the jQuery solution and did it like that:

  $("#mySecondTable tr") // mySecondTable was already generated server side
  .first() // All rows in my second table are similar so I just apply on the first one
  .find("td")
  .width(function(i){ return $("#myFirstTable tr").eq(1).find("td").eq(i).width() })
  // eq(1) fetches the line I want to use as a model since some have different colspans
  .end()

8 Cevap

Sen jQuery oldukça kolay olan bu başarmak olabilir:

$("table.foo")
  .clone()
    .find("td")
      .html("")
      .width(function(i){ return $("table.foo td").eq(i).width() })
      .height(function(i){ return $("table.foo td").eq(i).height() })
    .end()
  .appendTo("body");

Online Demo: http://jsbin.com/obuco/3/edit

1. tablodaki her "sütununda" (th / td) genişliğini almak için Javascript (jQuery tavsiye ederim) kullanın ve width set th ve / ya da td s 2. tabloda o piksel değerine CSS özelliği.

bu durumda kullanım tarzı kabul edilebilir olup olmadığını = "table-layout: fixed;" Her iki masalarda tam hücre genişliğini kontrol etmek

Hızlı ve kirli cevap: Eğer x tablodaki sütun sayısı veya sütunların + 1 sayısı da nerede onlar, colspan = "x" ile tek bir satır olmak arasında metin ile, onları bir tablo yapabilir.

PHP sunucu tarafında çalışan bu yana tarayıcı pencereleri boyutları ve / veya tablo tasarım farkında olamaz. Bu dize uzunlukları tablo hücre içeriğini kontrol edebilir ve siz tahmin ve çıkış herhangi bir hücrenin genişliğini ayarlayabilirsiniz. Tablo bir yok genişliği özellikleri vardır Ama eğer muhtemelen onları ilk genişlikleri uygun hale getirmek için ikinci tabloda bazı javascript kullanmanız gerekir.

'Luca' ve 'Ayı seni yiyeceğim' iki iyi çözümler verdi. Gördüğüm tek diğeri iki yerine, bir tablodaki tüm verileri koymaktır.

Ben doğru anlama ediyorsam, onun sadece istenen genişliği css gerektiğini görünüyor, ve sonra her şey takılı içeriğine göre uzatmak olacaktır

Aslında ayrı tablolarda onları koymak, ama bir <td colspan="3"> ile bir satır ile ayrılmış tek bir tablonun bir parçası olarak hem de yok etmek için uğraşır mıydı? Belki de bu ikinci tablo için bir başlık içerir?

etiketler