Div tag around 's in a table

Asked Apr 20 '16 at 09:29

Active Apr 20 '16 at 09:45

Viewed 90 times

I want to add a <td> tags inside a <div> tag for implementing Bootstrap Tour.

I've tried the below code,

<table>
    <thead>
    <tr>
        <td>hhh</td>
        <td>iii</td>
        <td>jjj</td>
    </tr>
    <tbody>
    <tr>
        <div class="my_class">
            <td>w</td>
            <td>w</td>
            <td>w</td>
        </div>
        <td>w</td>
        <td>w</td>
    </tr>
    </tbody>
</table>

But I got the output as

<div class="my_class">
</div><table>
    <thead>
    <tr>
        <td>hhh</td>
        <td>iii</td>
        <td>jjj</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>w</td>
        <td>w</td>
        <td>w</td>
        <td>w</td>
        <td>w</td>
    </tr>
    </tbody>
</table>

Is there any way to implement this?

Thanks.

edited Apr 20 '16 at 09:45

asked Apr 20 '16 at 09:29

Mûhámmàd Yäsår K

1,492
11
24

2

You can use `div` inside `td` not outside – Niklesh Raut Apr 20 '16 at 09:31
see https://www.w3.org/TR/html5/tabular-data.html – Arun P Johny Apr 20 '16 at 09:33
@ArunPJohny I've edited the question. Hope you can understand the situation. – Mûhámmàd Yäsår K Apr 20 '16 at 09:33
@MûhámmàdYäsårK Is there a reason that you can't give a class at each td you want ? – Simon M. Apr 20 '16 at 09:35
Still you haven't answered the question why do you want it? it is not possible since the html structure is not valid – Arun P Johny Apr 20 '16 at 09:35
@ArunPJohny I want to add bootstrap tour to those elements. – Mûhámmàd Yäsår K Apr 20 '16 at 09:36
why can't you create this structure using div's? its much lighter and it will suit your need. you can specify div class in the bootstrap tour - steps: [ { element: ".classname", title: "Title of my step", content: "Content of my step" } – Karthik M R Apr 20 '16 at 09:43
@SimonM. Yes, I've tried to add class to those three elements. But it returns three popovers when I apply the bootstrap tour. Thanks. – Mûhámmàd Yäsår K Apr 20 '16 at 09:44
1

i am sorry if i am wrong but in order to use bootstrap tour you need to have bootstap html structure right?? why dont you try http://linkedin.github.io/hopscotch/ http://jsfiddle.net/plainkeyman/JZqWF/1/ – RRR Apr 20 '16 at 10:01

Div tag around 's in a table

0 Answers0