jQuery:Table内で改行・延長する

改行する

$('<table>').append(
  $('<tr>').append(
    $('<th>').text(ClassA + DetailsA),
    $('<th>').text(ClassB),
    $('<th>').text(ClassC),
    $('<th>').text(ClassD),
    $('<th>').text(ClassE)
  )
)

ClassADetailsA	ClassB	CalssC	ClassD	ClassE

を

ClassA DetailsA	ClassB	ClassC	ClassD	ClassE

のようにセル内で改行したい

$('<table>').append(
  $('<tr>').append(
    $('<th>').html(ClassA + "<br>" + DetailsA),
    $('<th>').text(ClassB),
    $('<th>').text(ClassC),
    $('<th>').text(ClassD),
    $('<th>').text(ClassE)
  )
)

.text
を
.html
に変換し
<br>
を加える

延長する

$('<table>').append(
  $('<tr>').append(
    $('<th>').html(ClassA),
    $('<th>').text(ClassB),
    $('<th>').text(ClassC),
    $('<th>').text(ClassD),
    $('<th>').text(ClassE)
  ),
  $('<tr>').append(
    $('<th>').html(DetailsA),
    $('<th>').text(DetailsB),
    $('<th>').text(DetailsC),
    $('<th>').text(DetailsD),
    $('<th>').text(DetailsE)
  ),
  $('<tr>').append(
    $('<th>').html(NumA),
    $('<th>').text(NumB),
    $('<th>').text(NumC),
    $('<th>').text(NumD),
    $('<th>').text(NumE)
  )
)

ClassA	ClassB	CalssC	ClassD	ClassE
DetailsA	DetailsB	DetailsC	DetailsD	DetailsE
NumA	NumB	NumC	NumD	NumE

を

ClassA	ClassB	CalssC	ClassD	ClassE
DetailsA			DetailsB	DetailsC
			NumA	NumB

のようにセル内で改行したい

$('<table>').append(
  $('<tr>').append(
    $('<th>').html(ClassA),
    $('<th>').text(ClassB),
    $('<th>').text(ClassC),
    $('<th>').text(ClassD),
    $('<th>').text(ClassE)
  ),
  $('<tr>').append(
    $('<th rowspan='2' colspan='3'>').html(DetailsA),
    $('<th>').text(DetailsB),
    $('<th>').text(DetailsC)
  ),
  $('<tr>').append(
    $('<th>').html(NumA),
    $('<th>').text(NumB)
  )
)