ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Display Long Text in a new line outside HTML Table using jQueryHi @Mahesh1986,<br />Please try the following<br /><br /><a href = 'link(Threads/105964/Check-if-value-exists-in-DataTable-column-using-C-Net/)'>Check if value exists in DataTable column using C# .Net</a><br /><br />It might help you.<br /><br />Cheers Andrea.https://www.aspforums.net:443/Threads/111951/Display-Long-Text-in-a-new-line-outside-HTML-Table-using-jQuery/https://www.aspforums.net:443/Threads/111951/Display-Long-Text-in-a-new-line-outside-HTML-Table-using-jQuery/Wed, 14 Nov 2018 05:18:07 GMTDisplay Long Text in a new line outside HTML Table using jQuery<p>Hi&nbsp;<a class="username" rel="Mahesh1986">Mahesh1986,</a></p> <p>Refer below example. Make your popup as per your need and apply css and style.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <div class="demo_block"> <pre class="brush: html">&lt;div align=&#34;center&#34;&gt; &lt;table&gt; &lt;tr&gt; &lt;th&gt; Content &lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;wrap&#34;&gt; Now my query is when any of the row of column value is beyond the width instead of showing in multiple lines entire text&lt;span style=&#34;float: right;&#34;&gt;&lt;i class=&#34;fa fa-eye&#34;&gt; &lt;/i&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;wrap&#34;&gt; I have a data table in MVC having 5columns with different column width&lt;span style=&#34;float: right;&#34;&gt; &lt;i class=&#34;fa fa-eye&#34;&gt;&lt;/i&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;div id=&#34;dvContent&#34; style=&#34;display: none;&#34;&gt; &lt;span id=&#34;content&#34;&gt;&lt;/span&gt; &lt;/div&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&#34; /&gt; &lt;style type=&#34;text/css&#34;&gt; table { width: 200px; table-layout: fixed; text-align: left; vertical-align: top; padding: 5px; } td { white-space: nowrap; overflow: hidden; } td, th { border: 1px solid black; } &lt;/style&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(function () { $(&#39;.fa-eye&#39;).on(&#39;click&#39;, function () { var content = $(this).closest(&#39;td&#39;).text(); $(&#39;#dvContent&#39;).show(); $(&#39;#content&#39;).html(content); }); }); &lt;/script&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/111951/Display-Long-Text-in-a-new-line-outside-HTML-Table-using-jQuery/https://www.aspforums.net:443/Threads/111951/Display-Long-Text-in-a-new-line-outside-HTML-Table-using-jQuery/Wed, 14 Nov 2018 07:08:18 GMT