html උදවුවක් ඕනෙ..

MihiCherub · Aug 19, 2017

මම තියෙන ඔක්කොම ට්‍රයි කරල බැරිම තැන මේක දාන්නෙ.. පුලුවන් නම් පොඩි උදවුවක් දෙන්න..

මට html වලින් table එකක් හදා ගන්න ඕනෙ. ඒ කියන්නෙ මේ විදියට

HTML:

<html>
<table>
<td width=67>P05338</td>
<td width=137>9OCScallacGloble/Ceyoka</td>
<td width=211>Calcium Lactate</td>
<td width=347>Calax 1s</td>
<td width=173>Nutrition & Blood</td>
</table>
</html>

මේකෙ දෙවෙනි column එකේ තියෙන value එකට white spaces නෑ. හැබැයි characters 10-15කට වගේ ඉඩක් විතරයි තියෙන්නෙ. ඒත් ඊට වඩා දිග values ඒ column එකට load වෙනව. මට ඕනෙ ඒතකොට ඒ column එක auto adjust නොවෙන්නයි ඉඩ මදි වෙන characters ටික විතරක් wrap වෙන්න හෝ overflow වෙන්න නැතුව load වෙන්නයි.

3,4,5 column වලට ගොඩක් දිග ටෙක්ස්ට් එනව ඒව ඔක්කොම දීල තියෙන width එකෙන් wrap වෙන්න ඕනෙ. auto adjust වෙන්න බෑ.

මේක කරන්න ඕනෙ table tag එකෙන්. ඒ කියන්නෙ වෙනම table කියල class එකක් හදන්න බෑ. මෙහෙම හදන්න බෑ.

HTML:

table { 
    table-layout:fixed; width:200px;
}

පුලුවන් කෙනෙක් ඉන්නව නම් කියල දෙන්න. ලොකු උදවුවක්..

kavindagk · Aug 19, 2017

mehema balanne

<style>
table {border-collapse:collapse; table-layout:fixed; width:310px;}
table td {border:solid 1px #fab; width:100px; word-wrap:break-word;}
</style>

OR , Specific columns withrak nam mehemath puluwan (1st method eka thama honda habai)

<td style="word-break:break-all;">longtext</td>
or
<span style="word-break:break-all;">longtext</span>

Executer · Aug 19, 2017

bump

MihiCherub · Aug 19, 2017

kavindagk said:
mehema balanne

<style>
table {border-collapse:collapse; table-layout:fixed; width:310px;}
table td {border:solid 1px #fab; width:100px; word-wrap:break-word;}
</style>

OR , Specific columns withrak nam mehemath puluwan (1st method eka thama honda habai)

<td style="word-break:break-all;">longtext</td>
or
<span style="word-break:break-all;">longtext</span>

table tag එක ඇතුලෙ විතරයි දෙයක් කරන්න පුලුවන්

MihiCherub · Aug 19, 2017

Profile_01 said:
bp

Executer said:
bump

thanks 14+ :cool:

MihiCherub · Aug 19, 2017

sidathsaumya said:
bp

thanks

dildude · Aug 19, 2017

column eke font eka podi karapan

kolavari · Aug 19, 2017

Inline styles gahapan ko...max-width ekak dipan column ekata :yes:

kolavari · Aug 19, 2017

dildude said:
column eke font eka podi karapan

ehema karaata bane yalu...diga text ekak awoth column eka auto width hadagannawane :yes:

dildude · Aug 19, 2017

kolavari said:
ehema karaata bane yalu...diga text ekak awoth column eka auto width hadagannawane

ehema hada ganne nathi tharamata chuti karanna ona font eka

kolavari · Aug 19, 2017

dildude said:
ehema hada ganne nathi tharamata chuti karanna ona font eka

anaa, cute

kolavari · Aug 19, 2017

Inline styles gahapan..wena widihak nam na mama danna thramin

HTML:

    <table border="1" style="table-layout: fixed;width: 100%;">
        <thead>
            <tr>
                <th>Col 1</th>
                <th style="width: 200px; word-wrap: break-word;">Col 2</th>
                <th>Col 3</th>
                <th>Col 4</th>
                <th>Col 5</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>P05338</td>
                <td style="width: 200px; word-wrap: break-word;">9OCScallacGloble/Ceyoka</td>
                <td>Calcium Lactate</td>
                <td>Calax 1s</td>
                <td>Nutrition & Blood</td>
            </tr>
            <tr>
                <td>P05338</td>
                <td style="width: 200px; word-wrap: break-word;">9OCScallacGloble</td>
                <td>Calcium Lactate</td>
                <td>Calax 1s</td>
                <td>Nutrition & Blood</td>
            </tr>
            <tr>
                <td>P05338</td>
                <td style="width: 200px; word-wrap: break-word;">9OCScal/Ceyoka</td>
                <td>Calcium Lactate</td>
                <td>Calax 1s</td>
                <td>Nutrition & Blood</td>
            </tr>
            <tr>
                <td>P05338</td>
                <td style="width: 200px; word-wrap: break-word;">9OCScallacGloble/Ceyoka/9OCScallacGloble</td>
                <td>Calcium Lactate</td>
                <td>Calax 1s</td>
                <td>Nutrition & Blood</td>
            </tr>                                
        </tbody>
    </table>

The_Killer · Aug 19, 2017

මෙහෙම කරන්න.

https://jsfiddle.net/vr18acd1/

UPDATE:

https://jsfiddle.net/vr18acd1/1/

MihiCherub · Aug 19, 2017

kolavari said:
Inline styles gahapan ko...max-width ekak dipan column ekata

hariyanne na ban..

HTML:

<html><table><td width=67>P05331</td><td width=137 style=max-width:137>9OCScallacGloble/Ceyoka</td><td width=211>Calcium Lactate</td><td width=347>Calax 1s</td><td width=173>Nutrition & Blood</td></table></html>

kolavari · Aug 19, 2017

MihiCherub said:
hariyanne na ban..

ow, sorry max-width apply wenne na..mama eka balala nemei bn kiwwe..nikan oluwata aapu nisa...

onna mama balala code ekak damma :yes:

eka hariyata wada FF / chrome wala..ff wala nam nikuth gannawa th ekata width ekak dunnama :yes:

MihiCherub · Aug 19, 2017

The_Killer said:
මෙහෙම කරන්න.

https://jsfiddle.net/vr18acd1/

UPDATE:

https://jsfiddle.net/vr18acd1/1/

ඔහොම කරන්න බෑ කියලනෙ බන් ප්‍රශ්නෙ අහල තියෙන්නෙ.. :sorry:

The_Killer · Aug 19, 2017

MihiCherub said:

hariyanne na ban..

HTML:

<html><table><td width=67>P05331</td><td width=137 style=max-width:137>9OCScallacGloble/Ceyoka</td><td width=211>Calcium Lactate</td><td width=347>Calax 1s</td><td width=173>Nutrition & Blood</td></table></html>

උබ හොයන css property දෙක ඇවිත් max-width එකයි, word-wrap කියන එකයි. width එකට word-wrap දීලා වැඩක් නෑ ඒක වැඩ කරන්නේ නෑ. උබ මේ POS එකේ PDF or Invoice එකක් ප්‍රින්ට් කරන්න නේ හදන්නේ? බලන්න මම දුන්න Update එක දාලා..

The_Killer · Aug 19, 2017

MihiCherub said:
ඔහොම කරන්න බෑ කියලනෙ බන් ප්‍රශ්නෙ අහල තියෙන්නෙ..

Update එක බැරිද බොල? inline css තියෙන්නේ?

MihiCherub · Aug 19, 2017

The_Killer said:
මෙහෙම කරන්න.

https://jsfiddle.net/vr18acd1/

UPDATE:

https://jsfiddle.net/vr18acd1/1/

update එකත් හරියන්නෙ නෑ. එහෙම width එක සෙට් කලාම ඕන width එකට වඩා පොඩ්ඩක් width අඩු වෙනව. ඒ අඩුවෙන ගාන හරියටම බලල වැඩිපුර දාන්න බෑ. මොකද width එක set වෙන්නෙ run time එකේදි ඒක කොච්චරක් ද කියල දාන්න බෑ...

The_Killer · Aug 19, 2017

MihiCherub said:
update එකත් හරියන්නෙ නෑ. එහෙම width එක සෙට් කලාම ඕන width එකට වඩා පොඩ්ඩක් width අඩු වෙනව. ඒ අඩුවෙන ගාන හරියටම බලල වැඩිපුර දාන්න බෑ. මොකද width එක set වෙන්නෙ run time එකේදි ඒක කොච්චරක් ද කියල දාන්න බෑ...

උබේ වැඩේ වෙන්නේ නැද්ද එහෙම උනහම? width එකේ අවුල විතරද වෙන්නේ?

html උදවුවක් ඕනෙ..

Well-known member

Well-known member

Awrudu Games 2017 - Winners

Well-known member

Well-known member

Well-known member

Member

Well-known member

Well-known member

Member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Similar threads