Dynamically change repeat column of DataList as per screen size using jQuery in ASP.Net

Question

How to change repeat column of datalist as per screen size in aspnetWhen it sets to RepeatLayoutFlow and remove RepeatColumns it shows 1 column in left side

kalpesh · Accepted Answer

Then you need to set RepeatColumns property of DataList based on window widthYou can do it by calling page base method using jquery ones Page get loads also if it gets resize from browsersHere i added one button which is hidden on page and assigned onclick event to where it sets RepeatColumns property of DataList using Hidden field valueHidden field value gets sets on basis of window size also when we resize window Refer the below sample for understanding and implement it in your code by your own logic as per your requirementHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt    lttitlegtlttitlegtltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery191jqueryminjs34gtltscriptgtltscript type34textjavascript34 src34httpmaxcdnbootstrapcdncombootstrap303jsbootstrapminjs34gtltscriptgtltlink rel34stylesheet34 href34httpmaxcdn

Dynamically change repeat column of DataList as per screen size using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us