{
    "componentChunkName": "component---src-templates-doc-template-js",
    "path": "/tr/docs/table",
    "result": {"data":{"current":{"fields":{"page":{"path":"/docs/table","type":"docs","lang":"en","layout":"docs","versions":[{"lang":"en","title":"Table","markdown":"\nWe created very simple and responsive table.\n\n<div class=\"gra-doc-s-wrapper\">\n  <div class=\"gra-table-wrapper\">\n    <table class=\"gra-table\">\n      <thead>\n        <tr>\n          <th>Teams</th>\n          <th>Games</th>\n          <th>Points</th>\n          <th>Goals</th>\n          <th>Last 5 Game</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>Liverpool</td>\n          <td>29</td>\n          <td>82</td>\n          <td>66</td>\n          <td>W L W W W</td>\n        </tr>\n        <tr>\n          <td>Manchester City</td>\n          <td>28</td>\n          <td>57</td>\n          <td>68</td>\n          <td>L W W L W</td>\n        </tr>\n        <tr>\n          <td>Leicester City</td>\n          <td>29</td>\n          <td>53</td>\n          <td>58</td>\n          <td>W L L D D</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n```html\n<div class=\"gra-table-wrapper\">\n  <table class=\"gra-table\">\n    <thead>\n      <tr>\n        <th>Teams</th>\n        <th>Games</th>\n        <th>Points</th>\n        <th>Goals</th>\n        <th>Last 5 Game</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Liverpool</td>\n        <td>29</td>\n        <td>82</td>\n        <td>66</td>\n        <td>W L W W W</td>\n      </tr>\n      <tr>\n        <td>Manchester City</td>\n        <td>28</td>\n        <td>57</td>\n        <td>68</td>\n        <td>L W W L W</td>\n      </tr>\n      <tr>\n        <td>Leicester City</td>\n        <td>29</td>\n        <td>53</td>\n        <td>58</td>\n        <td>W L L D D</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n```\n\n## With Border\n\n<div class=\"gra-doc-s-wrapper\">\n  <div class=\"gra-table-wrapper\">\n    <table class=\"gra-table gra-table-bordered\">\n      <thead>\n        <tr>\n          <th>Teams</th>\n          <th>Games</th>\n          <th>Points</th>\n          <th>Goals</th>\n          <th>Last 5 Game</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>Liverpool</td>\n          <td>29</td>\n          <td>82</td>\n          <td>66</td>\n          <td>W L W W W</td>\n        </tr>\n        <tr>\n          <td>Manchester City</td>\n          <td>28</td>\n          <td>57</td>\n          <td>68</td>\n          <td>L W W L W</td>\n        </tr>\n        <tr>\n          <td>Leicester City</td>\n          <td>29</td>\n          <td>53</td>\n          <td>58</td>\n          <td>W L L D D</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n```html\n<div class=\"gra-table-wrapper\">\n  <table class=\"gra-table gra-table-bordered\">\n    <thead>\n      <tr>\n        <th>Teams</th>\n        <th>Games</th>\n        <th>Points</th>\n        <th>Goals</th>\n        <th>Last 5 Game</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Liverpool</td>\n        <td>29</td>\n        <td>82</td>\n        <td>66</td>\n        <td>W L W W W</td>\n      </tr>\n      <tr>\n        <td>Manchester City</td>\n        <td>28</td>\n        <td>57</td>\n        <td>68</td>\n        <td>L W W L W</td>\n      </tr>\n      <tr>\n        <td>Leicester City</td>\n        <td>29</td>\n        <td>53</td>\n        <td>58</td>\n        <td>W L L D D</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n```","mdtype":"MDHTML","section":"table"},{"lang":"tr","title":"Tablo","markdown":"\nÇok basit ve mobil uyumlu bir tablo hazırladık.\n\n<div class=\"gra-doc-s-wrapper\">\n  <div class=\"gra-table-wrapper\">\n    <table class=\"gra-table\">\n      <thead>\n        <tr>\n          <th>Takımlar</th>\n          <th>Oynanan</th>\n          <th>Puan</th>\n          <th>Atılan</th>\n          <th>Son 5 Maç</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>Liverpool</td>\n          <td>29</td>\n          <td>82</td>\n          <td>66</td>\n          <td>G M G G G</td>\n        </tr>\n        <tr>\n          <td>Manchester City</td>\n          <td>28</td>\n          <td>57</td>\n          <td>68</td>\n          <td>M G G M G</td>\n        </tr>\n        <tr>\n          <td>Leicester City</td>\n          <td>29</td>\n          <td>53</td>\n          <td>58</td>\n          <td>G M M B B</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n```html\n<div class=\"gra-table-wrapper\">\n  <table class=\"gra-table\">\n    <thead>\n      <tr>\n        <th>Takımlar</th>\n        <th>Oynanan</th>\n        <th>Puan</th>\n        <th>Atılan</th>\n        <th>Son 5 Maç</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Liverpool</td>\n        <td>29</td>\n        <td>82</td>\n        <td>66</td>\n        <td>G M G G G</td>\n      </tr>\n      <tr>\n        <td>Manchester City</td>\n        <td>28</td>\n        <td>57</td>\n        <td>68</td>\n        <td>M G G M G</td>\n      </tr>\n      <tr>\n        <td>Leicester City</td>\n        <td>29</td>\n        <td>53</td>\n        <td>58</td>\n        <td>G M M B B</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n```\n\n## Kenar Çizgili\n\n<div class=\"gra-doc-s-wrapper\">\n  <div class=\"gra-table-wrapper\">\n    <table class=\"gra-table gra-table-bordered\">\n      <thead>\n        <tr>\n          <th>Takımlar</th>\n          <th>Oynanan</th>\n          <th>Puan</th>\n          <th>Atılan</th>\n          <th>Son 5 Maç</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>Liverpool</td>\n          <td>29</td>\n          <td>82</td>\n          <td>66</td>\n          <td>G M G G G</td>\n        </tr>\n        <tr>\n          <td>Manchester City</td>\n          <td>28</td>\n          <td>57</td>\n          <td>68</td>\n          <td>M G G M G</td>\n        </tr>\n        <tr>\n          <td>Leicester City</td>\n          <td>29</td>\n          <td>53</td>\n          <td>58</td>\n          <td>G M M B B</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n```html\n<div class=\"gra-table-wrapper\">\n  <table class=\"gra-table gra-table-bordered\">\n    <thead>\n      <tr>\n        <th>Takımlar</th>\n        <th>Oynanan</th>\n        <th>Puan</th>\n        <th>Atılan</th>\n        <th>Son 5 Maç</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Liverpool</td>\n        <td>29</td>\n        <td>82</td>\n        <td>66</td>\n        <td>G M G G G</td>\n      </tr>\n      <tr>\n        <td>Manchester City</td>\n        <td>28</td>\n        <td>57</td>\n        <td>68</td>\n        <td>M G G M G</td>\n      </tr>\n      <tr>\n        <td>Leicester City</td>\n        <td>29</td>\n        <td>53</td>\n        <td>58</td>\n        <td>G M M B B</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n```","mdtype":"MDHTML","section":"table"}]}}},"site":{"siteMetadata":{"siteUrl":"https://gralig.netlify.app"}}},"pageContext":{"relativePath":"docs/table/en.md","language":"tr","intl":{"language":"tr","languages":["en","tr"],"messages":{"404.pagenotfound":"Sayfa Bulunamadı","404.emptyroute":"Aradığınız sayfa muhtemelen değiştirildi ya da kaldırıldı.","404.gotodocs":"Dökümanlara Dön","404.gotohome":"Ana Sayfaya Dön","title":"Gralig CSS","description":"Sade, grimsi CSS Kütüphanesi","summary":"Gralig sade, gri tonlu bir CSS kütüphanesi. Bu kütüphaneyi başlangıç yardımcınız olarak kullanabilirsiniz.","author":"@erenesto","keywords":"css, css kütüphanesi, frontend, ui, tasarım, gri, basit css","pages.404":"Hata 404","pages.index":"Gralig CSS","pages.docs":"Gralig Dökümantasyonu","sidenavLinks.docs.name":"Giriş","sidenavLinks.colors.name":"Renkler","sidenavLinks.grid.name":"Izgara(Grid)","sidenavLinks.dark.name":"Karanlık Mod","sidenavLinks.vars.name":"Değişkenler","sidenavLinks.responsive.name":"Mobil Uyumluluk","sidenavLinks.utils.name":"Yardımcılar","sidenavLinks.typography.name":"Tipografi","sidenavLinks.button.name":"Buton","sidenavLinks.form.name":"Form","sidenavLinks.custom-inputs.name":"Özel Inputlar","sidenavLinks.checkbox.name":"Onay Butonu","sidenavLinks.radio.name":"Radyo Buton","sidenavLinks.switch.name":"Anahtar","sidenavLinks.nav.name":"Navigasyon","sidenavLinks.navbar.name":"Navigasyon Barı","sidenavLinks.footer.name":"Altbilgi Barı","sidenavLinks.breadcrumb.name":"Gezinti Menüsü","sidenavLinks.card.name":"Kart","sidenavLinks.alert.name":"Uyarı","sidenavLinks.list.name":"Liste","sidenavLinks.table.name":"Tablo","sidenavLinks.dropdown.name":"Açılır Liste","sidenavLinks.progress.name":"İlerleme","sidenavLinks.loading.name":"Bekleme","sidenavLinks.modal.name":"Açılır Pencere","words.copy":"Kopyala","words.copied":"Kopyalandı!","words.docs":"Döküman","words.builtwith":"ile yapıldı."},"routed":true,"originalPath":"/docs/table","redirect":false,"defaultLanguage":"en"}}},
    "staticQueryHashes": ["63159454"]}