यहां छवि विवरण दर्ज करेंनमस्कार, मैं ACTIONS को तीन कॉलम के बराबर बनाना चाहता हूं

जैसा कि छवि में दिखाया गया है, मैं विस्तार अद्यतन हटाएं के केंद्र में कार्रवाई चाहता हूं

कृपया मदद करे।

0
Salman Mushtaq 29 अगस्त 2017, 16:10

2 जवाब

सबसे बढ़िया उत्तर
<table border=1>
  <tr>
    <th>NAME</th>
    <th>AGE</th>
    <th colspan="3">ACTIONS</th>
  </tr>
  <tr>
    <td>Salman Mushtaq</td>
    <td>27</td>
    <td><a href="#">Detail</a></td>
    <td><a href="#">Update</a></td>
    <td><a href="#">Delete</a></td>
  </tr>
    <tr>
    <td>Muhanmmad Awais</td>
    <td>32</td>
    <td><a href="#">Detail</a></td>
    <td><a href="#">Update</a></td>
    <td><a href="#">Delete</a></td>
  </tr>
    </tr>
    <tr>
    <td>Imran Hassan</td>
    <td>38</td>
    <td><a href="#">Detail</a></td>
    <td><a href="#">Update</a></td>
    <td><a href="#">Delete</a></td>
  </tr>
  </tr>
    <tr>
    <td>Muhammad Asad</td>
    <td>33</td>
    <td><a href="#">Detail</a></td>
    <td><a href="#">Update</a></td>
    <td><a href="#">Delete</a></td>
  </tr>
  
</table>

colspan और rowspan के बारे में खोजने का प्रयास करें

2
jinongun 29 अगस्त 2017, 16:16

TH टैग में colspan एट्रिब्यूट का इस्तेमाल करें (यानी colspan="3")

        <table border="1">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Age</th>
                    <th colspan="3">Action (spanned 3 cols)</th>                        
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>action 1</td>
                    <td>Action 2</td>
                    <td>Action 3</td>
                </tr>
            </tbody>
        </table>
1
Marcx 29 अगस्त 2017, 16:13