实时体育数据 数据来源：西瓜体育

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
特里格/拉德0:0洛伦斯科格挪威乙级联赛 B 組20:30
內傑梅1:0馬巴拉黎巴嫩超級聯賽20:30
斯盧茨克0:0鮑里索夫巴特二隊白俄羅斯甲級聯賽20:00
梅查爾0:0埃塞俄比亞梅丁埃塞俄比亞超級聯賽20:00
科克舍套奧克熱特佩斯0:1托博爾哈薩克超級聯賽20:00
布拉特沃格1:0耶夫挪威乙級聯賽 A 組20:00
塔圖塔美卡0:0納爾瓦特蘭斯愛沙尼亞超級聯賽19:30
新特羅伊茨克諾斯塔0:1巴爾瑙爾迪納摩俄羅斯國家足球聯賽 2 第 4 組19:00
泰爾希艾迪尤加斯0:2蘇杜瓦立陶宛 A 聯賽19:15
蘇州東吳2:4雲南玉昆英格蘭足總盃19:00
更新于 2026-06-21 20:37（北京时间）
西瓜体育
  • 实时预览
  • |
立即购买

表格

西瓜體育：盡覽全球賽事，高清直播無界。

直播平台文档

基本範例

# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138-
4 Jane Birkins 支援 +86 138- 
<!-- Basic table -->
<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">4</th>
        <td>Jane</td>
        <td>Birkins</td>
        <td>Support</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>
// Basic table
.table-responsive
  table.table
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-="row") 4
        td Jane
        td Birkins
        td Support
        td +86 138-

深色表格

# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138-
4 Jane Birkins 支援 +86 138- 
<!-- Dark table -->
<div class="table-responsive">
  <table class="table table-dark">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">4</th>
        <td>Jane</td>
        <td>Birkins</td>
        <td>Support</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>
// Dark table
.table-responsive
  table.table.table-dark
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-="row") 4
        td Jane
        td Birkins
        td Support
        td +86 138-

條紋列

# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138-
# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138- 
<!-- Light table with striped rows -->
<div class="table-responsive">
  <table class="table table-striped">
    <thead;>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>

<!-- Dark table with striped rows -->
<div class="table-responsive">
  <table class="table table-dark table-striped">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>
// Light table with striped rows
.table-responsive
  table.table.table-striped
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-// Dark table with striped rows
.table-responsive
  table.table.table-dark.table-striped
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-

帶邊框表格

# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138-
# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138- 
<!-- Light bordered table -->
<div class="table-responsive">
  <table class="table table-bordered">
    <thead;>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>

<!-- Dark bordered table -->
<div class="table-responsive">
  <table class="table table-dark table-bordered">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>
// Light bordered table
.table-responsive
  table.table.table-bordered
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-// Dark bordered table
.table-responsive
  table.table.table-dark.table-bordered
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-

可懸停列

# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138-
# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
3 Kale Thornton 開發者 +86 138- 
<!-- Light table with hoverable rows -->
<div class="table-responsive">
  <table class="table table-hover">
    <thead;>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>

<!-- Dark table with hoverable rows -->
<div class="table-responsive">
  <table class="table table-dark table-hover">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Position</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>John</td>
        <td>Doe</td>
        <td>CEO, Founder</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Anna</td>
        <td>Cabana</td>
        <td>Designer</td>
        <td>+86 138-</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Kale</td>
        <td>Thornton</td>
        <td>Developer</td>
        <td>+86 138-</td>
      </tr>
    </tbody>
  </table>
</div>
// Light table with hoverable rows
.table-responsive
  table.table.table-hover
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-// Dark table with hoverable rows
.table-responsive
  table.table.table-dark.table-hover
    thead
      tr
        th #
        th First Name
        th Last Name
        th Position
        th Phone
    tbody
      tr
        th(scope="row") 1
        td John
        td Doe
        td CEO, Founder
        td +86 138-="row") 2
        td Anna
        td Cabana
        td Designer
        td +86 138-="row") 3
        td Kale
        td Thornton
        td Developer
        td +86 138-

情境色彩

# 類別 標題 標題
1 作用中 欄位內容 欄位內容
2 預設 欄位內容 欄位內容
3 主要 欄位內容 欄位內容
4 預設 欄位內容 欄位內容
5 重點 欄位內容 欄位內容
6 預設 欄位內容 欄位內容
7 次要 欄位內容 欄位內容
8 預設 欄位內容 欄位內容
9 成功 欄位內容 欄位內容
10 預設 欄位內容 欄位內容
11 資訊 欄位內容 欄位內容
12 預設 欄位內容 欄位內容
13 警告 欄位內容 欄位內容
14 預設 欄位內容 欄位內容
15 危險 欄位內容 欄位內容 
<!-- Table with contextual rows -->
<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th>#</th>
        <th>Class</th>
        <th>Heading</th>
        <th>Heading</th>
      </tr>
    </thead>
    <tbody>
      <tr class="table-active">
        <th scope="row">1</th>
        <td>Active</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-primary">
        <th scope="row">2</th>
        <td>Primary</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-accent">
        <th scope="row">3</th>
        <td>Primary</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-secondary">
        <th scope="row">4</th>
        <td>Secondary</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-success">
        <th scope="row">5</th>
        <td>Success</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-info">
        <th scope="row">6</th>
        <td>Info</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-warning">
        <th scope="row">7</th>
        <td>Warning</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
      <tr class="table-danger">
        <th scope="row">8</th>
        <td>Danger</td>
        <td>Column content</td>
        <td>Column content</td>
      </tr>
    </tbody>
  </table>
</div>
// Table with contextual rows
.table-responsive
  table.table
    thead
      tr
        th #
        th Class
        th Heading
        th Heading
    tbody
      tr.table-active
        th(scope="row'") 1
        td Active
        td Column content
        td Column content
      tr.table-primary
        th(scope="row'") 2
        td Primary
        td Column content
        td Column content
      tr.table-accent
        th(scope="row'") 3
        td Primary
        td Column content
        td Column content
      tr.table-secondary
        th(scope="row'") 4
        td Secondary
        td Column content
        td Column content
      tr.table-success
        th(scope="row'") 5
        td Success
        td Column content
        td Column content
      tr.table-info
        th(scope="row'") 6
        td Info
        td Column content
        td Column content
      tr.table-warning
        th(scope="row'") 7
        td Warning
        td Column content
        td Column content
      tr.table-danger
        th(scope="row'") 8
        td Danger
        td Column content
        td Column content

彩色邊框

# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138-
# 名字 姓氏 職位 電話
1 John Doe CEO, Founder +86 138-
2 Anna Cabana 設計師 +86 138- 
<!-- Color borders on tables -->
<table class="table table-bordered border-accent">
  ...
</table>
<table class="table table-bordered border-danger">
  ...
</table>
// Color borders on tables
table.table.table-bordered.border-accent
  ...
table.table.table-bordered.border-danger
  ...
顶部
粤ICP备202434096647号
西瓜体育科技有限公司为全球体育爱好者提供最全面、最流畅、最清晰的赛事直播与资讯服务。电话：+86 150 5184 1496邮箱：service@xiguazhibo.com.cn微信：xiguazhibo_641营业时间：7×24上海市浦东新区张江路27号