Home > Net >  How can I add the title to <th> in vuejs?
How can I add the title to <th> in vuejs?

Time:10-27

i am doing a homework in vuejs. Now i want add title to tag in vue below is my code

tbody table:

            <tbody>
                <tr v-for="(employee) in employees" :key="employee.EmployeeId">
                    <td>{{employee.EmployeeCode}}</td>
                    <td>{{employee.FullName}}</td>
                    <td>{{employee.GenderName}}</td>
                    <td style="text-align: center;">{{employee.DateOfBirth|dateofbirth}}</td>
                    <td>{{employee.PhoneNumber}}</td>
                    <td>{{employee.Email}}</td>
                    <td>{{employee.PositionName}}</td>
                    <td>{{employee.DepartmentName}}</td>
                    <td style="text-align: right;">{{employee.Salary|money}}</td>
                    <td>{{employee.WorkStatus|status}}</td>
                </tr>
            </tbody>

Now i want to add title to <td> like <td title="{{employee.Email}}">{{employee.Email}}</td> Please help me thanks so much

CodePudding user response:

You can something like

<td :title="employee.Email">{{employee.Email}}</td>
  • Related