How to add Mobile friendly table


( Rushikesh) #1

Hello, guys!
Mere blog me aise bahoot sare post hai. Jisame maine table ka istemaal kiya hai. But problem ye aa rahi hai. Ki vo desktop view me to thik najar aate hai. Lekin jab same post mobile me load kare, to table right side me aadh cutt of jata hai ya dikhata hi nahi.
Maine kafi saare blog ko visit karke solution nikalneka prayas kiya. To vahase mujhe pata chala ki,

ke andar width=100% aisa dene ke baad problem fix ho jayegi. Maine vo bhi kar dekha.
Sath me kafi sare plugin aur theme change karke dekh liye.
To kisi ke paas iska solution hai. Ki, ad kiya hua table moblie me bhi poora show kiase kiya jaya. Please instant replay

(Juhi Rani) #2

Iska solution yahi hai ki ap hight or width khud se set kijiye. Matlab automatic hight or width ki jagah custom size set kijiye. Or size aisa ho. Jo mobile par achchha dikhe.

Kyunki mobile ki size desktop me bhi sahi se najar aayengi.


(Jumedeen khan) #3

Very simple aap ye css code use karo.

table{width:100%!important;}


( Rushikesh) #4

I will try this trick thanks


( Rushikesh) #5

Thanks Jumedeen bro!
Me ise try karke dekhta hun. Kya farrk padta hai.
Me Width: 100% ye to samajh gaya. Lekin, (!important) is attribute ka kya matlab hota hai.


(Jumedeen khan) #6

Iska matlab hai agar koi aur width code hoga to bhi ye work karega yani ye primary hoga.


( Rushikesh) #7

Soory :disappointed_relieved: Bro! but its not work! aap ek baar preview dekh sakate hai. verb list


(Jumedeen khan) #8

Ok aap ye code blog css me add karo 100% work karega.

@media only screen and (max-width: 768px) {
	td {
		display: flex;
		width: 95%!important;
	}
}