עמודות ברשימת האופציות ב-select2

[chagold]

כשיש הרבה אופציות ואני רוצה לסדר אותם בעמודות ע"מ לחסוך בשטח מסך. היה זכור לי שיש פונקציה מובנית לזה ואני לא מוצא אותה עכשיו.
אם מישהו יכול להפנות אותי, או לומר לי אם טעיתי וצריך לעשות את זה בCSS ידני?
תודה.

[yossiz]

@chagold נראה שאין משהו מובנה. בחיפוש גוגל מצאתי את זה

החלק הרלוונטי הוא פשוט מאוד:

.select2-results-dept-0 { /* do the columns */
  float: left;
  width: 20%;
}

[dovid]

אני לא מוצא בגוגל משהו מובנה.
יש בCSS מאפיין בשם columns אבל אני לא חושב שזה יעזור במקרה הזה.
האפשרויות שיש לך הם גלילה ואולי חיפוש, כלומר שהקלדה תצמצם את אורך הרשימה.

[חוקר]

והאם יש פתרון לשני עמודות באלמנט SELECT ב HTML נקי או משהו אחר?
לא מזמן חיפשתי כזה דבר ולא מצאתי משהו

[dovid]

@חוקר אכן נראה שלא
https://stackoverflow.com/q/9082492/1271037
אבל בdropdown למיניהם אפשר.

[chagold]

@yossiz אמר בעמודות ברשימת האופציות ב-select2:

@chagold נראה שאין משהו מובנה. בחיפוש גוגל מצאתי את זה

החלק הרלוונטי הוא פשוט מאוד:

.select2-results-dept-0 { /* do the columns */
  float: left;
  width: 20%;
}

לא עבד לי.
הפתרון היה

ul.select2-results__options.select2-results__options--nested {
    display: flex;
    flex-flow: row wrap;
}

[חוקר]

@chagold
אשמח להבין יותר טוב מה עשית
האם זה מה שאני חיפשתי או משהו אחר
תודה

[chagold]

@חוקר אני שאלתי והתייחסתי ל-select2.
זה סחורה מעובדת. על פניו זה לא נוגע לשאלה שלך, בHTML טהור.

כאן הצלחתי על הבסיס של @yossiz
תנסה להמיר את שלך ל-select2

[חוקר]

@chagold אמר בעמודות ברשימת האופציות ב-select2:

תנסה להמיר את שלך ל-select2

עדיין לא הבנתי מה התוצאה שבאת להשיג כאן.
את select2 כבר יצא לי להכיר ולהשתמש.
אין לי בעיה לעבוד איתו.
אני רוצה בסופו של דבר פיתרון לאפשר לראות בבת אחת את כל הרשימה שיש בתפריט הבחירה, בצורה הכי קלה שיש.
מצ"ב תמונת מסך של הטופס שלי.
אני רוצה להקל על המזכיר שלא יצטרך לגלול אלא הכל ייפתח לו מיד מול העיניים בתפריט על כל המסך

[chagold]

@חוקר אני רואה עכשיו שבדוגמא הקודמת הקלאס היה על משתנים דינמיים וזה לא הצליח לעלות בהפעלה חוזרת. עשיתי עכשיו שוב
https://jsfiddle.net/tawnupf5/
מספק את מה שאתה רוצה.