婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 使用html5實現表格實現標題合并的實例代碼

使用html5實現表格實現標題合并的實例代碼

熱門標簽:地圖標注軟件打印出來 電話機器人技術 惡搞電話機器人 高德地圖標注商戶怎么標 ok電銷機器人 欣鼎電銷機器人 效果 如何查看地圖標注 黃石ai電銷機器人呼叫中心 智能電銷機器人被禁用了么

使用html5實現表格實現標題合并的實例代碼

這樣的需求不在少數,比如表格中相鄰的列具有相同的內容,那么標題就完全可以使用一個,那么合并標題就是十分重要的,讓用戶感覺也會更加人性化,代碼實例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端學習扣qun:731771211  每日分享技術,學術交流</title>
<style type="text/css">
body{
  width:98%;
  height:100%;
  font-size:12px;
  background-color:#FCF;
  text-align:center;
}
#tab{
  width:100%;
  height:100%;
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif;
  font-weight:bolder;
  background-color:#9F0;
}
</style>
</head>
<body>
<table id="tab" cellpadding="1" cellspacing="1" border="1">
  <tr>
    <th rowspan="2">序號</th>
    <th colspan="2">王五</th>
    <th colspan="2">李四</th>
    <th colspan="2">孫傳</th>
    <th colspan="2">胡平</th>
    <th rowspan="2">合計</th>
  </tr>
  <tr>
    <th>語文</th>
    <th>數學</th>
    <th>語文</th>
    <th>數學</th>
    <th>語文</th>
    <th>數學</th>
    <th>語文</th>
    <th>數學</th>
  </tr>
  <tr>
    <th>1</th>
    <th>78</th>
    <th>96</th>
    <th>67</th>
    <th>98</th>
    <th>88</th>
    <th>75</th>
    <th>94</th>
    <th>69</th>
    <th> </th>
  </tr>
  <tr>
    <th>2</th>
    <th>89</th>
    <th>68</th>
    <th>77</th>
    <th>87</th>
    <th>84</th>
    <th>76</th>
    <th>71</th>
    <th>87</th>
    <th> </th>
  </tr>
  <tr>
    <th>3</th>
    <th>75</th>
    <th>78</th>
    <th>89</th>
    <th>74</th>
    <th>65</th>
    <th>68</th>
    <th>98</th>
    <th>90</th>
    <th></th>
  </tr>
  <tr>
    <th>4</th>
    <th>79</th>
    <th>89</th>
    <th>65</th>
    <th>62</th>
    <th>64</th>
    <th>87</th>
    <th>97</th>
    <th>91</th>
    <th></th>
  </tr>
  <tr>
    <th>5</th>
    <th>89</th>
    <th>96</th>
    <th>67</th>
    <th>76</th>
    <th>74</th>
    <th>84</th>
    <th>67</th>
    <th>81</th>
    <th></th>
  </tr>
  <tr>
    <th>6</th>
    <th>94</th>
    <th>90</th>
    <th>97</th>
    <th>74</th>
    <th>62</th>
    <th>81</th>
    <th>78</th>
    <th>78</th>
    <th></th>
  </tr>
  <tr>
    <th>7</th>
    <th>78</th>
    <th>89</th>
    <th>77</th>
    <th>87</th>
    <th>45</th>
    <th>86</th>
    <th>77</th>
    <th>98</th>
    <th></th>
  </tr>
  <tr>
    <th>8</th>
    <th>65</th>
    <th>67</th>
    <th>94</th>
    <th>68</th>
    <th>87</th>
    <th>69</th>
    <th>78</th>
    <th>68</th>
    <th></th>
  </tr>
  <tr>
    <th>9</th>
    <th>86</th>
    <th>98</th>
    <th>87</th>
    <th>87</th>
    <th>65</th>
    <th>78</th>
    <th>98</th>
    <th>79</th>
    <th></th>
  </tr>
  <tr>
    <th>10</th>
    <th>88</th>
    <th>75</th>
    <th>77</th>
    <th>97</th>
    <th>97</th>
    <th>77</th>
    <th>70</th>
    <th>87</th>
    <th></th>
  </tr>
</table>
</body>
</html>

總結

以上所述是小編給大家介紹的使用html5實現表格實現標題合并的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

標簽:萍鄉 盤錦 綏化 金昌 聊城 中山 阿壩 赤峰

巨人網絡通訊聲明:本文標題《使用html5實現表格實現標題合并的實例代碼》,本文關鍵詞  使用,html5,實現,表格,標題,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《使用html5實現表格實現標題合并的實例代碼》相關的同類信息!
  • 本頁收集關于使用html5實現表格實現標題合并的實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 云南省| 台南县| 盐池县| 广东省| 德阳市| 南昌市| 贺州市| 张家口市| 余江县| 北海市| 中牟县| 永春县| 南澳县| 兴海县| 建始县| 唐海县| 新营市| 延长县| 镇康县| 兴义市| 桂平市| 炎陵县| 昌图县| 邯郸市| 荔波县| 宜城市| 德化县| 甘德县| 西安市| 通州区| 仲巴县| 许昌县| 遵义县| 荣成市| 和顺县| 蒙山县| 东方市| 道真| 靖安县| 卫辉市| 渝北区|