LeaVerou / awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
http://leaverou.github.io/awesomplete/
MIT License
6.97k stars 611 forks source link

Multi Column drop down #17122

Open paddyji opened 6 years ago

paddyji commented 6 years ago

I would like a multi-column drop down. because in case of common names like John Pintos in a Customer database, then the second column becomes an identifier for the specific 'John Pinto'

Rgds. Pradeep Chavan

matthewblott commented 5 years ago

I was looking for the same. I wanted a description to go with a stock code lookup field and have compromised with stockCode + ' - ' description as the label field. Works for now but I can see situations where it'd be good to have more than one column. I had a quick look but was a bit lost. Any chance this can be added as an enhancement? Thanks in advance :-)

LeaVerou commented 4 years ago

Have you tried doing this with CSS, via either the columns property or grid layout? Depending on what you're trying to do, it may work. I can provide more help if you tell me what exactly you're trying to accomplish (screenshots/demos are better than words).

matthewblott commented 4 years ago

Okay, this is what I have:

s 2019-10-31 at 11 08 07

It would be nice to have the stock code and description in separate columns. I wasn't aware the column tag could be used with the option tag like so:


<select>
    <option value="1">
        <column>001</column>
        <column>Widget 1</column>
    </option>
    <option value="2">
        <column>002</column>
        <column>Widget 2</column>
    </option>
</select>

According to this StackOverflow answer the above isn't valid HTML. It's not a biggie but any help appreciated. Thanks :-)

paddyji commented 4 years ago

Telerik controls have the multi-column search in C#, but I have not found it in any web components, maybe a little R&D on CSS Grid might do the trick. I am trying. Rgds, Pradeep Chavan.

On Thu, Oct 31, 2019 at 4:42 PM Matthew Blott notifications@github.com wrote:

Okay, this is what I have:

[image: s 2019-10-31 at 11 08 07] https://user-images.githubusercontent.com/1231417/67942025-c8127b80-fbce-11e9-8b8d-e9ff23b7800f.jpg

It would be nice to have the stock code and description in separate columns. I wasn't aware of the column could be used with the option tag like so.

According to this https://stackoverflow.com/questions/17162219/html-multiple-column-drop-down-with-adjusted-columns StackOverflow answer the above isn't valid HTML. It's not a biggie but any help appreciated. Thanks :-)

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/LeaVerou/awesomplete/issues/17122?email_source=notifications&email_token=AGBGZVCVPOMTF4I7763NX33QRK4R7A5CNFSM4EQFXGM2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOECXLONA#issuecomment-548321076, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGBGZVGJFLHDOJ5DNLKNWSDQRK4R7ANCNFSM4EQFXGMQ .

matthewblott commented 4 years ago

@paddyji Telerik controls are also pretty damn expensive as I remember!

paddyji commented 4 years ago

Yes, Hopefully now with smart CSS3, they will come to their senses.

Rgds, Pradeep Chavan.

On Thu, Nov 7, 2019 at 3:20 PM Matthew Blott notifications@github.com wrote:

@paddyji https://github.com/paddyji Telerik controls are also pretty damn expensive as I remember!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/LeaVerou/awesomplete/issues/17122?email_source=notifications&email_token=AGBGZVAUIW2DRXIWKV5LVLDQSPQFNA5CNFSM4EQFXGM2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEDL2XQA#issuecomment-551005120, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGBGZVFPTNPW6CFZAK6V3RTQSPQFNANCNFSM4EQFXGMQ .