點擊載入

這個範例展示如何在資料表格中實現點擊載入下一頁的功能。這個範例的關鍵在於最後一行。

<tr id="replaceMe">
  <td colspan="3">
    <button class='btn primary' hx-get="/contacts/?page=2"
                        hx-target="#replaceMe"
                        hx-swap="outerHTML">
         Load More Agents... <img class="htmx-indicator" src="/img/bars.svg">
    </button>
  </td>
</tr>

這一行包含一個按鈕，它會將整行替換為下一頁的結果（其中也會包含一個按鈕來載入下一頁的結果）。以此類推。

🔗示範