прилагая таблицу по горизонтали в сНу теге с помощью JavaScript

Когда я нажимаю кнопку, я хочу добавить таблицу горизонтально, а не вертикальноприлагая таблицу по горизонтали в сНу теге с помощью JavaScript

<html> 
<head> 
<title>Test</title> 
<script language="javascript" src="emerchemie/jquery/jquery.js"></script> 
<script language="javascript"> 
function genTbl(){ 
    $('#maintd').append('<table width="500" border="1"><tr><td width="300"> Name</td><td width="150">Address</td></tr><tr><td colspan="3">&nbsp;</td></tr></table>'); 
} 
</script> 
</head> 

<body> 
<input type="button" onClick="genTbl();" name="e" id="e" value="Submit"> 
<div style="display:inline" id="maintd"></div> 
</body> 
</html>

источник

2015-09-02 P.H.Sirani

Please add style="float:left;" to your table in append method like this:- 
$('#maintd').append('<table style="float:left;" width="500" border="1"><tr><td width="300"> Name</td><td width="150">Address</td></tr><tr><td colspan="3">&nbsp;</td></tr></table>');

источник

2015-09-02 12:03:39

Спасибо большое для ваших ответов. Но при добавлении таблицы в div горизонтальная полоса прокрутки не включается автоматически. Таким образом, таблицы добавляются вертикально. Пожалуйста, помогите мне. –

Попробуйте это ..

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

    function genTbl() 

{ 
    $('#divResults').append('<table style="float:left;" width="500" border="1"><tr><td width="300"> Name</td><td width="150">Address</td></tr><tr><td colspan="3">&nbsp;</td></tr></table>'); 
} 

    </script> 
     </head> 
    <body> 
    <div id="divResults"> 
    </div> 
    <button onclick="genTbl()">submit</button> 
    </body> 
    </html>

источник

2015-09-02 12:35:32 SVK

прилагая таблицу по горизонтали в сНу теге с помощью JavaScript

ответ

Смежные вопросы