<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="366868" data-post-id="366868">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Kallee" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Kallee
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Looks great!<br>
Wanted to ask if you have considered using a protocol or behavior that then uses Ecto.Schema to easier allow integrations such as Ash?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="366868" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-366868" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="366868"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="367077" data-post-id="367077">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="virinchi_cv" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/virinchi_cv/120/35608_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  virinchi_cv
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks!<br>
I haven’t used Ash till now. While I might take it up in the future, its not currently on the todo list.</p>
<p>Would be more than happy if anyone raises a pull request though! <img src="https://forum.elixirforum.com/images/emoji/apple/smiley.png?v=15" title=":smiley:" class="emoji" alt=":smiley:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="367077" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-367077" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="367077"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="368316" data-post-id="368316">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="virinchi_cv" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/virinchi_cv/120/35608_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  virinchi_cv
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h1><a name="p-368316-livetable-v030-is-out-1" class="anchor" href="#p-368316-livetable-v030-is-out-1" aria-label="Heading link" rel="nofollow"></a><img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"> LiveTable v0.3.0 is out!</h1>
<p>Hello Elixir community—<br>
Excited to announce the release of LiveTable v0.3.0, with several game-changing new features including <strong>Transformers</strong>,<strong>Custom Queries</strong> &amp; <strong>Card Mode</strong>.</p>
<p><strong>Hex Link</strong>- <a href="https://hex.pm/packages/live_table" rel="nofollow">LiveTable</a></p>
<p><strong>Read the full article</strong>: <a href="https://www.virinchi.me/portfolios/livetable-realtime-data-tables-in-elixir/" class="inline-onebox" rel="noopener nofollow ugc">LiveTable: Real‑Time Data Tables in Elixir · Virinchi's Blog</a></p>
<p>Try it out now!</p>
<p>An Advanced Demo of LiveTable with Custom UI, Card Mode, Transformers &amp; Custom Queries:<br>
<strong>Read the Full article here</strong>: <a href="https://www.virinchi.me/portfolios/turning-jee-counselling-chaos-into-a-liveview-showcase/" class="inline-onebox" rel="noopener nofollow ugc">Turning JEE Counselling Chaos into a LiveView Showcase · Virinchi's Blog</a></p>
<p>Looking forward to seeing what you build with LiveTable v0.3.0! <img src="https://forum.elixirforum.com/images/emoji/apple/raising_hands.png?v=15" title=":raising_hands:" class="emoji" alt=":raising_hands:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="368316" data-batch-url="/posts/batch_likers">
                        7
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-368316" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="368316"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="380070" data-post-id="380070">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="virinchi_cv" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/virinchi_cv/120/35608_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  virinchi_cv
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h1><a name="p-380070-livetable-v040-is-out-1" class="anchor" href="#p-380070-livetable-v040-is-out-1" aria-label="Heading link" rel="nofollow"></a><img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20">LiveTable v0.4.0 is out! <img src="https://forum.elixirforum.com/images/emoji/apple/partying_face.png?v=15" title=":partying_face:" class="emoji" alt=":partying_face:" loading="lazy" width="20" height="20"></h1>
<p>Generators, Infinite Scroll, 0 external js dependencies and so much more!</p>
<p>Check out the full <a href="https://github.com/gurujada/live_table/blob/master/CHANGELOG.md" rel="noopener nofollow ugc">Changelog</a>.</p>
<p>Revamped Live Demo with <strong>1M rows</strong> of data: <a href="https://livetable.gurujada.com" rel="noopener nofollow ugc">LiveTable Demo</a></p>
<p><img src="https://github.com/gurujada/live_table/blob/master/demo.gif?raw=true" alt="Gif" width="690" height="388"></p>
<p>Owing to the opinionated nature of open-source frameworks these days, we have made a conscious decision to move away from Daisy UI, and instead, use <a href="https://hex.pm/packages/sutra_ui" rel="nofollow">Sutra UI</a> - a shadcn inspired UI framework written in Pure Phoenix with accessibility in mind.</p>
<p>Alternatively, if there are any daisy users, they can opt to use our <code>custom_</code> components to mimic those in <code>table_component.ex</code> and use our functionality without any of our UI.</p>
<p>Try out LiveTable today- <code>{:live_table, "~&gt; 0.4.0"}</code></p>
<p>Looking forward to seeing what you build with Livetable!<img src="https://forum.elixirforum.com/images/emoji/apple/grin.png?v=15" title=":grin:" class="emoji" alt=":grin:" loading="lazy" width="20" height="20"><img src="https://forum.elixirforum.com/images/emoji/apple/confetti_ball.png?v=15" title=":confetti_ball:" class="emoji" alt=":confetti_ball:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="380070" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-380070" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="380070"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="380222" data-post-id="380222">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="reimu" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  reimu
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Congrats on the release! I tried to upgrade from 0.3.1, but it seems Sutra UI needs to be properly installed which involves a lot of setup and is incompatible with the default Phoenix components.</p>
<p>It seems to require more maintenance now, so could you share how you expect other devs to integrate LiveTable in their project?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="380222" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-380222" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="380222"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #15"></div>
  </section>
</div>
    <div class="postbit" id="380252" data-post-id="380252">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="virinchi_cv" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/virinchi_cv/120/35608_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  virinchi_cv
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>LiveTable requires Sutra as its dependency.<br>
Devs have 2 options to use Livetable-</p>
<ul>
<li><strong>Use the default LiveTable UI</strong>:  Add sutra, remove core_components.ex, follow instructions in Sutra setup - and use LiveTable with Sutra. This is the recommended approach.</li>
<li><strong>Dump LiveTable’s UI, use your own</strong>: You can dump out the UI, and define your own components to mimic those of LiveTable - and pass them using the custom_component method. Most suited for devs with other css/styling frameworks.</li>
</ul>
<p>Either way, you get all features right out of the box. Exports, URL params etc.</p>
<p>You can use Sutra’s installer task to get set up &amp; running quickly.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="380252" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-380252" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="380252"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #16"></div>
  </section>
</div>
    <div class="postbit" id="380486" data-post-id="380486">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bruno_louvem" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bruno_louvem
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>First off, congrats on the library <a class="mention" href="/u/virinchi_cv" rel="nofollow">@virinchi_cv</a>  I’m really excited to start using it.</p>
<p>My project currently runs on <strong>DaisyUI</strong>. I noticed in previous comments you mentioned it’s possible to use <code>live_table</code> without <code>sutra_ui</code>, but currently, <code>sutra_ui</code> is listed as a hard dependency in <code>mix.exs</code>. This means it gets installed and compiled even if we don’t intend to use it.</p>
<p>Would it be possible to mark <code>sutra_ui</code> as <code>optional: true</code> in the next release? Or perhaps provide a small guide/snippet on how to configure <code>live_table</code> (v0.4.0) to use a custom renderer (like DaisyUI) without pulling the Sutra dependency?</p>
<p>Thanks for the great work!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="380486" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-380486" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="380486"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #17"></div>
  </section>
</div>
    <div class="postbit" id="380518" data-post-id="380518">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="virinchi_cv" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/virinchi_cv/120/35608_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  virinchi_cv
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks <a class="mention" href="/u/bruno_louvem" rel="nofollow">@bruno_louvem</a>! <img src="https://forum.elixirforum.com/images/emoji/apple/heart.png?v=15" title=":heart:" class="emoji" alt=":heart:" loading="lazy" width="20" height="20"></p>
<p>Sure- will make Sutra UI optional in the next release.</p>
<p>There isn’t an explicit guide on how to dump the entire UI - will add it in the next release. Its described for just the header in the docs. You can read more from the <a href="https://hexdocs.pm/live_table/table-options.html#custom-header-components" rel="noopener nofollow ugc">custom header docs</a>.<br>
But the process is pretty straightforward.</p>
<p>Taking a look at <a href="https://github.com/gurujada/live_table/blob/master/lib/live_table/table_component.ex" rel="noopener nofollow ugc">table_component.ex</a>, its pretty easy to understand how it works. Just define each one - header, footer, content as custom_ and pass it via table_options.<br>
You can use Daisy or virtually any styling in the custom_components.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="380518" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/livetable-interactive-tables-for-phoenix-liveview/69882/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-380518" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="380518"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>